最近升级了vue-cli,从2.x版本跳到了4.x的@vue/cli:

# 先卸载旧版
npm uninstall -g vue-cli   
# 安装新版
npm install -g @vue/cli  

文档中有这么一段:

在一个 Vue CLI 项目中,@vue/cli-service 安装了一个名为 vue-cli-service 的命令。
你可以在 npm scripts 中以 vue-cli-service、
或者从终端中以 ./node_modules/.bin/vue-cli-service 访问这个命令。

 使用./node_modules/.bin/vue-cli-service 是没有问题的,然而使用vue-cli-service却总是提示:

vue-cli-service: command not found

看到了很多人说可以删了node—modules重新安装npm install,我试过了却没效果。

再回到问题,之所以会报找不到的错误,是因为vue-cli-service 并没有加入到环境变量里。

那就在命令行里手动加上吧~

# 添加vue-cli-service的环境变量
PATH=$PATH:./node_modules/.bin

#查看添加后的环境变量
echo $PATH

  之后再使用vue-cli-service命令就可以啦~

但是这样仅在本次terminal有效,每次都添加一次也太麻烦了,我们需要永久添加:

# 编辑根目录下的.bash_profile文件
vim ~/.bash_profile

# 在文件最后添加
export PATH=${PATH}:./node_modules/.bin

# 添加文件后,再执行source立即生效,就可以永久保存啦
source ~/.bash_profile

 

参考:https://stackoverflow.com/questions/51172064/command-not-found-with-vue-cli

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐