首先如果你要装vue-cli这种工具 一般就是全局安装了 或者 用npx来运行。
我们先看全局安装
删除历史版本
vue这个版本变化还是挺大的 官网也提示大家删除前任 作为一个有追求的码农。
先看看前任们都藏在哪里
- 通过查看可执行文件的方式看看
ll /usr/local/bin|grep vue
前两其实是vue-cli2的
- 通过查看安装包
ls /usr/local/lib/node_modules/
我们通过卸载程序进行删除
npm uninstall vue-cli -g
安装新版本
- 全局安装
npm install -g @vue/cli
- 确认安装状态
vue --version
安装快速原型开发工具
其实这个也就是为什么我折腾了好久的原因,这个工具是为了让我们对单个vue文件进行快速原型开发的工具,但是他是以一个全局扩展的形式存在的。一看是我断章取义的意味这个就是新的vue-cli,但是怎么安装都不行,后来查看了他的源码 发现居然这个包里面连bin文件夹都没有 我都有点怀疑人生了。
npm install -g @vue/cli-service-global
其实这个包还是很实用的 如果你开发一些原型还是试验一些简单功能这个真的很遍历 非常推荐。后面我也会专门写一写这个功能。
干货总结
- 包安装目录
# npm安装 /usr/local/lib/node_modules/ # yarn安装 /Users/用户/.config/yarn/global/node_modules
- 可执行文件位置
/usr/local/bin/ ➜ bin git:(master) ✗ ll |grep nodemon lrwxr-xr-x 1 root wheel 42B 1 6 2019 nodemon -> ../lib/node_modules/nodemon/bin/nodemon.js