升级vue-cli3.0,一直失败。
升级途中遇到的问题:
1.$npm uninstall vue-cli -g //卸载vue-cli旧版本
2.$npm install -g @vue/cli //安装新版本
3.$npm vue -V //2.9.6,我差,根本没删除掉!
解决:
原因: npm install -g @vue/cli 后,
我发现在C:\Users\Administrator\AppData\Roaming\npm\node_modules目录下多了一个@vue的文件夹。也就是说全局安装的文件都在这里!
同时,npm uninstall vue-cli -g 也是删除的这里面的文件。
处理:
以我自己的安装目录为例子,我的node安装在D:\Develo\中
1.打开环境变量>在用户变量中找到path,这里的的路径必须和你电脑 npm 的全局安装路径对应,原来我的之前路径写错了,所以就默认帮我装在C:\Users\Administrator\AppData\Roaming\npm中!
- 现在我决定指定这个路径在D:\Develo\nodejs\node_global中(这里的node_global文件夹是我自己新建的)
- 更改环境变量的用户变量 global path路径
2.接下来还有一点!系统变量中的NODE_PATH的路径必须和你是 npm 全局安装路径下的 node_modules,所以我这里填写的是D:\Develo\nodejs\node_global\node_modules
3.设置 npm 的默认安装路:
$npm config set prefix "D:\Develo\nodejs\node_global" //这里的路径必须是上面path对应!
$npm config set cache "D:\Develo\nodejs\node_cache" //---这里是我自定义的缓存路径,无关紧要
4.大功告成了:
重新卸载旧版本,安装新版本启动
注意:1.之前 node 的安装我是参考了 www.cnblogs.com/zhouyu2017/… 这位大神的教程
2.C:\Users\Administrator\AppData\Roaming\npm,,一般安装时,没修改 node 安装路径,默认的 npm 全局安装路径就在这里
小结
npm里的工具版本问题,卸载不了可以直接去根目录手动卸载。然后重新安装就好了
// 脚手架版本问题
// vue-cli的3.0+以前
npm install vue/cli -g
// vue-cli的3.0+以后要加@
npm install @vue/cli -g
// 直接运行指令会更新至最新版