mac下vue-cli从2.9.6升级到最新版本

由于mac之前安装了 vue 2.9.6 的版本,现在想升级到最新版本,用官方给的命令: npm uninstall vue-cli -g 发现不行。

1、究其原因:从vue-cli 3.0版本开始原来的npm install -g vue-cli 安装的都是旧版,最高到2.9.6。安装新版必须是新的命令npm install -g @vue/cli 。这就导致了,如果我们在2.9.6版本还存在的情况下使用npm install -g @vue/cli 命令就会同时存在两个版本,用vue create 命令创建vue项目的时候,该命令就会先找到旧版的,导致创建项目失败并提示卸载旧版安装新版。

2、解决办法:先删除之前安装的vue-cli,然后安装新的vue-cli

3、详细解决步骤可参考如下:

第一步:删除已有的vue

vue -V 				// 查看当前系统中vue-cli的版本,同:vue --version
which vue 			// 查找vue所以目录
cd /usr/local/bin/ 	// 进入vue目录文件夹
pwd 				// 查看当前所处路径
rm -rf vue 			// 强制删除vue
sudo rm -rf Vue 	// 以管理员身份强制删除vue
ls 					// 查看当前目录下有什么文件

mac下vue-cli从2.9.6升级到最新版本_第1张图片
以上就完全删除了系统内的vue。

第二步:安装新的vue

执行安装命令:npm install -g @vue/cli

安装失败,失败的原因一般分2种:

1)npm版本太低,官网有详细说明npm的版本要求,需要升级:npm install -g npm(默认升级到最新版本)mac下vue-cli从2.9.6升级到最新版本_第2张图片
2)权限问题,解决办法就是用管理员权限安装vue-cli

执行命令:sudo npm install -g @vue/cli (这一步要输入系统密码)

mac下vue-cli从2.9.6升级到最新版本_第3张图片

然后就可以看到成功安装了最新版本的vue脚手架,nice~

你可能感兴趣的:(工具,web前端,前端,vue-cli升级,vue脚手架,vue-cli,2.9.6升级)