“vue-cli-service”未被识别为内部或外部命令

‘vue-cli-service’ 未被识别为内部或外部命令

要解决“‘vue-cli-service’未被识别为内部或外部命令、可操作程序或批处理文件”的错误，请通过运行
@vue/cli-service全局安装包npm install -g @vue/cli-service
并清除 npm 缓存。

首先，在项目的根目录（您的
package.json）文件所在的位置打开终端并运行npm install。

壳

复制了！
npm install

npm run serve

删除你的node_modules并重新安装你的依赖项

如果错误未解决，请尝试删除您的node_modules和
package-lock.json（不是
package.json）文件并重新运行npm install。

bash如果您使用的是 macOS 或 Linux，请在或中发出以下命令zsh。

壳

复制了！
#  for macOS and Linux
rm -rf node_modules
rm -f package-lock.json
rm -f yarn.lock

# 👇️ clean npm cache
npm cache clean --force

# 👇️ install packages
npm install

如果您使用的是 Windows，请在 CMD 中发出以下命令。

指令

复制了！
# for Windows
rd /s /q "node_modules"
del package-lock.json
del -f yarn.lock

# 👇️ clean npm cache
npm cache clean --force

# 👇️ install packages
npm install

如果错误仍然存在，请确保重新启动 IDE 和开发服务器。VSCode 经常出现故障，有时重启可以解决问题。

如果这没有帮助，
请运行以下命令来全局安装@vue/cli-service 。

壳

复制了！
# 👇️ uninstall old vue cli
npm uninstall vue-cli -g

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

npm run serve

如果全局安装@vue/cli-service失败，您必须以管理员身份打开 shell 或运行前缀为
sudo 的命令。

壳

复制了！
# 👇️ uninstall old vue cli
sudo npm uninstall vue-cli -g

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

npm run serve

package.json运行命令时，请确保您的 shell 在项目的根目录（文件所在的位置）打开
npm run serve。

@vue/cli-service全局安装并运行npm install以在文件中安装依赖项后package.json，错误应该得到解决。

‘vue’ 不被识别为内部或外部命令

要解决“‘vue’未被识别为内部或外部命令、可操作程序或批处理文件”的错误，请@vue/cli通过运行全局安装包npm install -g @vue/cli，重新启动终端并确保 PATH 环境变量设置正确。

打开终端并
运行以下命令来全局安装vue cli 。

壳

复制了！
# 👇️ 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

如果vue --version命令输出版本号，则vue安装成功。

如果全局安装vue失败，您必须以管理员身份打开 shell 或运行前缀为的命令sudo。

壳

复制了！
# 👇️ if you got permissions error
sudo npm uninstall vue-cli -g

sudo npm install -g @vue/cli

vue --version

vue create my-project

如果错误未解决，请尝试重新启动终端。

如果这没有帮助，请尝试卸载@vue/cli，安装最新版本并重新启动终端。

壳

复制了！
# 👇️ 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

更新你的PATH环境变量

如果这没有帮助，请运行以下命令：

壳

复制了！
npm config get prefix

该命令将显示npm放置全局安装包的路径
。全局包将位于bin指定路径的目录中。

查看操作系统上的 PATH 环境变量，并添加命令npm config get prefix输出的路径（如果尚不存在）。

如果将命令的输出添加到 PATH 环境变量，则必须重新启动所有打开的命令提示符才能生效。

在 Windows 上，该npm config get prefix命令的输出将类似于：C:\Users\Your_User_Name\AppData\Roaming\npm。

要更新 Windows 计算机上的 PATH，您必须：

打开开始搜索并输入env然后点击“编辑系统环境变量”
然后点击“环境变量”
编辑Path变量并添加从命令获得的输出
npm config get prefix。

路径应如下所示C:\Users\Your_User_Name\AppData\Roaming\npm（确保将Your_User_name占位符替换为您的实际用户名）。

如果将命令的输出添加到 PATH 环境变量，则必须重新启动所有打开的命令提示符才能生效。

如果出现错误“无法加载 vue，因为此系统上禁用了运行脚本”，请以管理员身份打开 PowerShell，并使用
Set-ExecutionPolicy
命令设置其执行策略。

壳

复制了！
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

在运行命令之前，请确保以管理员身份打开 PowerShell 。 Set-ExecutionPolicy

这有效地删除了的执行策略Restricted，它不允许我们加载配置文件或运行脚本。执行Restricted策略是 Windows 客户端计算机的默认策略。

如果您处于打开状态macOS，则可以使用以下命令更新路径：

壳

复制了！
# make sure path matches with npm config get prefix
export PATH=/usr/local/share/npm/bin:$PATH

如果打开Linux，您可以将命令的输出添加npm config get prefix
到您的.bashrc文件中。

～/.bashrc

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

如果将命令的输出添加到 PATH 环境变量，则必须重新启动所有打开的命令提示符才能生效。

如果这没有帮助，请尝试在您的计算机上重新安装 Node.js，然后通过运行来全局安装 vue npm install -g @vue/cli。

安装过程中，可能会提示您是否要自动更新系统上的 PATH 环境变量，请务必勾选该选项。

壳

复制了！
# 👇️ 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

如果全局安装vue失败，您必须以管理员身份打开 shell 或运行前缀为的命令sudo。

壳

复制了！
# 👇️ if you got permissions error
sudo npm install -g @vue/cli

vue --version

vue create my-project

或者，您可以在官方 npm 文档中查看如何修复此页面上的权限错误
。

vue：命令未找到错误

要解决“vue：找不到命令”错误，请@vue/cli通过运行npm install -g @vue/cli并重新启动终端来全局安装该包。

如果命令失败，请运行它sudo并确保在系统的环境变量中设置了正确的 PATH。

vue 找不到命令

打开终端并
运行以下命令来全局安装vue cli 。

壳

复制了！
# 👇️ 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

如果vue --version命令输出版本号，则vue安装成功。

如果全局安装vue失败，您可能必须运行前缀为的命令sudo。

壳

复制了！
# 👇️ if you got permissions error
sudo npm uninstall vue-cli -g

sudo npm install -g @vue/cli

vue --version

vue create my-project

如果错误未解决，请尝试重新启动终端。

重新安装 Vue CLI

如果这没有帮助，请尝试卸载@vue/cli，安装最新版本并重新启动终端。

壳

复制了！
# 👇️ 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

更新 macOS 或 Linux 上的 PATH

如果这也没有帮助，请运行以下命令：

壳

复制了！
npm config get prefix

npm该命令将显示全局安装的软件包的路径。全局包将位于bin指定路径的目录中。

查看操作系统上的 PATH 环境变量，并添加命令npm config get prefix输出的路径（如果尚不存在）。

如果将命令的输出添加到 PATH 环境变量，则必须重新启动所有打开的命令提示符才能生效。

如果这不起作用，请尝试将bin文件夹的路径（来自
npm config get prefix）添加到 PATH 环境变量中，然后重新启动终端。

在 macOS 上，您可以使用以下命令更新路径：

壳

复制了！
# make sure path matches with npm config get prefix
export PATH=/usr/local/share/npm/bin:$PATH

编辑计算机上的环境变量并添加指定的路径（用您的用户名替换占位符）。

在 Linux 上，您可以将命令的输出添加到文件npm config get prefix中.bashrc。

～/.bashrc

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

如果将命令的输出添加到 PATH 环境变量，则必须重新启动所有打开的命令提示符才能生效。

如果这没有帮助，请尝试在您的计算机上重新安装 Node.js，然后通过运行全局安装 Vue CLI npm install -g @vue/cli。

安装过程中，可能会提示您是否要自动更新系统上的 PATH 环境变量，请务必勾选该选项。

壳

复制了！
# 👇️ 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

如果全局安装vue失败，您可能必须运行前缀为的命令sudo。

壳

复制了！
# 👇️ if you got permissions error
sudo npm install -g @vue/cli

vue --version

vue create my-project

或者，您可以在官方 npm 文档中查看如何修复此页面上的权限错误
。

额外资源

您可以通过查看以下教程了解有关相关主题的更多信息：

目录

‘vue-cli-service’ is not recognized as an internal or external command