如何安装Vue-cli 4.0及如何清理历史版本

简介: 最近不知道强行删除了什么 总之vue-cli是不能用了。折腾了好久都没弄好。遇到问题就是提高的机会 顺便吧npm 全局安装的事情整理一遍吧。

首先如果你要装vue-cli这种工具 一般就是全局安装了 或者 用npx来运行。


我们先看全局安装


删除历史版本


vue这个版本变化还是挺大的 官网也提示大家删除前任 作为一个有追求的码农。


先看看前任们都藏在哪里


  1. 通过查看可执行文件的方式看看


ll /usr/local/bin|grep vue



前两其实是vue-cli2的


  1. 通过查看安装包


ls /usr/local/lib/node_modules/



我们通过卸载程序进行删除


npm uninstall vue-cli -g


安装新版本


  1. 全局安装


npm install -g @vue/cli


  1. 确认安装状态


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



相关文章
|
4天前
|
存储 调度
【源码&库】 Vue3 的依赖收集和依赖触发是如何工作的
【源码&库】 Vue3 的依赖收集和依赖触发是如何工作的
62 0
|
6月前
|
JavaScript API
vuex如何安装、报错、安装版本注意事项
vuex如何安装、报错、安装版本注意事项
|
9月前
|
JavaScript
vue-cli如何升级到最新版本
vue-cli如何升级到最新版本
489 0
|
9月前
|
JavaScript
vue运行项目命令--详解
vue运行项目命令--详解
155 0
|
11月前
|
JavaScript 测试技术 开发工具
从0搭建vue3组件库:自动化发布、管理版本号、生成 changelog、tag
从0搭建vue3组件库:自动化发布、管理版本号、生成 changelog、tag
258 0
|
11月前
|
开发工具 git
从0搭建Vue3组件库(八):使用 release-it 实现自动管理发布组件库
从0搭建Vue3组件库(八):使用 release-it 实现自动管理发布组件库
129 0
|
12月前
|
缓存 JavaScript 数据可视化
|
JavaScript
Vue 项目cli打包上线后,路径错误,解决方法
Vue 项目cli打包上线后,路径错误,解决方法
133 0
|
移动开发 JSON JavaScript