c语言编程笔录

首页 >   > 笔记大全

笔记大全

vuecliservice不是内部或外部命令也不是可运行的程序或批处理文件怎么解决

更新时间:2023-11-27
段落一:问题背景和原因 在开发Vue项目时,经常会使用到vue-cli-service命令来启动本地开发服务器、构建生产环境代码等操作。但在执行该命令时,有时会出现“vue-cli-service不是内部或外部命令也不是可运行的程序或批处理文件”的错误提示。出现这个错误的原因通常是因为没有全局安装vue-cli-service或者安装后没有正确配置环境变量。 既然知道了出现错误的原因,我们接下来就可以分别介绍如何全局安装vue-cli-service以及在不同操作系统下如何配置环境变量来解决错误。

代码示例:

npm install -g @vue/cli-service
段落二:在Windows系统中配置环境变量 在Windows系统中配置环境变量通常需要两个步骤:1. 找到vue-cli-service所在的路径;2. 配置系统环境变量。 Vue CLI 3.x安装之后,我们可以在全局node_modules里找到该命令,比如:
C:\Users\your-user-name\AppData\Roaming\npm\node_modules\@vue\cli-service\bin\vue-cli-service.js
找到此路径后,我们需要将它添加到系统的环境变量中,以便系统能够正确识别该命令。

代码示例:

setx /m PATH "%PATH%;C:\Users\your-user-name\AppData\Roaming\npm\node_modules\@vue\cli-service\bin"
段落三:在MacOS或Linux系统中配置环境变量 在MacOS或Linux系统中配置环境变量也分两个步骤:1. 找到vue-cli-service所在的路径;2. 配置系统环境变量。 比如Vue CLI 3.x安装之后,我们可以在全局node_modules里找到该命令:
/usr/local/lib/node_modules/@vue/cli-service/bin/vue-cli-service.js
找到此路径后,我们需要将它添加到系统的环境变量中去。随后修改~/.bash_profile,将PATH设置为新添加的路径。具体来说,打开终端,执行以下命令:
echo 'export PATH="/usr/local/lib/node_modules/@vue/cli-service/bin:$PATH"' >> ~/.bash_profile
source ~/.bash_profile
段落四:总结 对于错误提示“vue-cli-service不是内部或外部命令也不是可运行的程序或批处理文件”,我们可以考虑全局安装vue-cli-service及配置系统环境变量来解决。在Windows系统下,我们需要找到该命令所在的路径并添加到系统环境变量中去;在MacOS或Linux系统下,我们需要将路径添加到环境变量并修改~/.bash_profile文件。这样操作后,我们就可以愉快地使用vue-cli-service命令了。