vue报错”vue-cli-service‘不是内部或外部命令,也不是…”的解决办法

当我们使用Vue CLI 4.x版本创建项目时，有时候会出现“vue-cli-service‘不是内部或外部命令,也不是可运行的程序”这个错误提示。这个问题通常是因为npm或yarn没有正确安装Vue CLI的命令行工具导致的。

以下是详细的解决步骤：

第一步：检查Vue CLI的版本

为了解决这个问题，我们首先需要检查我们安装的Vue CLI版本是否正确。可以在终端中输入以下命令：

vue --version

如果你看到返回的版本号显示为3.x版本，那么你需要卸载旧版本，并安装最新的Vue CLI 4.x版本。命令如下：

npm uninstall -g @vue/cli
npm install -g @vue/cli

第二步：检查环境变量

如果上述步骤还是没解决问题，那么我们需要检查环境变量是否设置正确。打开终端，输入以下命令来查看Vue CLI的路径：

npm bin -g

该命令会输出你npm全局安装目录下的路径，如“/usr/local/bin”。检查这个路径是否在你的环境变量中。你可以通过以下命令在终端中查看环境变量：

echo $PATH

如果路径没有被添加到环境变量中，那么我们需要手动添加。在Linux或Mac系统下，可以通过以下命令添加：

export PATH=$PATH:/usr/local/bin

在Windows系统下，通过以下方式添加环境变量：

1. 在搜索框中搜索“环境变量”并打开“编辑系统环境变量”；
2. 在“系统变量”中找到“Path”变量，点击“编辑”；
3. 在弹出的窗口中点击“新建”，并输入路径“C:\Users\yourUserName\AppData\Roaming\npm”；
4. 点击“确定”并保存，然后重启终端。

示例一：

在我的项目文件夹D:/MyProject下，创建一个基于vue-cli的Vue项目，安装依赖并启动。

D:
cd D:/MyProject
vue create myproject
cd myproject
npm install
npm run serve

此时，如果出现了错误提示："vue-cli-service‘不是内部或外部命令，也不是可运行的程序"，那么可以按照上述步骤来解决问题。

示例二：

在Ubuntu系统下，通过vue-cli创建一个Vue项目，安装依赖并启动。

sudo npm install -g @vue/cli
vue create myproject
cd myproject
npm install
npm run serve

如果出现了错误提示："vue-cli-service‘不是内部或外部命令，也不是可运行的程序"，按照上述步骤检查Vue CLI的路径和环境变量即可。