vue-cli-service: command not found

最近升级了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