Solve - vue: command not found error

'Solve - vue: command not found error' #

To solve the error "vue: command not found", install the @vue/cli package globally by running npm install -g @vue/cli and restart your terminal. If the command fails, run it with sudo and make sure the correct PATH is set in your system's environment variable.

Open your terminal and install the vue cli globally by running the following command.

Copied!
# 👇️ uninstall old vue cli
npm uninstall vue-cli -g

# 👇️ install @vue/cli globally
npm install -g @vue/cli

# 👇️ if command outputs version, vue is installed
vue --version

# 👇️ Create a vue project
vue create my-project

If the vue --version command outputs a version number, then vue is installed successfully.

Copied!
# 👇️ if you got permissions error
sudo npm uninstall vue-cli -g

sudo npm install -g @vue/cli

vue --version

vue create my-project

If that doesn't help, try to uninstall @vue/cli, install the latest version and restart your terminal.

Copied!
# 👇️ if permissions error, prefix with sudo
npm uninstall -g @vue/cli

# 👇️ if permissions error, prefix with sudo
npm install -g @vue/cli@latest

vue --version

If that doesn't help either, run the following command:

Copied!
npm config get prefix

The command will show you the path where npm puts your globally installed packages. The global packages will be in the bin directory at the specified path.

Look at the PATH environment variable on your operating system and add the path that the npm config get prefix command outputs, if it's not already there.

If that didn't work, try to add the path to the bin folder (from npm config get prefix) to your PATH environment variable and restart your terminal.

For example, on macOS, you can update your path with the following command:

Copied!
# make sure path matches with npm config get prefix
export PATH=/usr/local/share/npm/bin:$PATH

And on Windows, the output of the npm config get prefix command will look something like: C:\Users\Your_User_Name\AppData\Roaming\npm.

Edit the environment variable on your machine and add the specified path (replacing the placeholder with your username).

If you are on linux, you can add the output from the npm config get prefix command to your .bashrc file.

Copied!
# 👇️ make sure to update the path with the output
# from the command
export PATH="/usr/local/share/npm/bin:$PATH"

If that doesn't help try to reinstall Node.js on your machine and then install the vue cli globally by running npm install -g @vue/cli.

Copied!
# 👇️ install @vue/cli globally
npm install -g @vue/cli

# 👇️ if command outputs version, vue is installed
vue --version

# 👇️ Create a vue project
vue create my-project

Copied!
# 👇️ if you got permissions error
sudo npm install -g @vue/cli

vue --version

vue create my-project

Alternatively, you can see how you can fix the permissions error on this page in the official npm docs.