linux系统下从vue-cli2升级到vue-cli3

备忘一下linux下将vue-cli2升级vue-cli3的的过程

1.查看vue-cli的版本命令

vue -V

2.卸载vue-cli2

npm uninstall vue-cli -g

3.安装vue-cli3

npm install -g @vue/cli

我在linux系统下安装失败,报错没有权限。需要使用以下命令切换到root。

su root

进入后还是安装失败,报下面的错误
Unsupported engine for xxxxx@x.x.x: wanted: {"node":">=10"} (current: {"node":"8.17.0","npm":"6.13.4"})
查看了一下我的node版本,在root下的版本还是8.17.0的,根据提示需要升级node版本至10以上。

注:若要使用 Vue CLI 3,需要Node.js v8.9或更高版本(推荐v10以上)。

4.安装node管理工具nvm升级node版本

NVM是什么?
nvm (Node Version Manager) 是Nodejs版本管理器,可对不同的node版本快速进行切换。基于node的工具和项目越来越多,但是每个项目使用的node版本可能不一致,就会出现一些奇怪的问题。使用nvm use命令可以很方便的切换node版本。

linux下的安装命令

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

执行上面的命令后,使用nvm list会告诉你’nvm‘ not found,执行

source ~/.bashrc

注:在安装之前必须执行``命令卸载vue-cli2,否则报错EEXIST: file already exists, symlink '../lib/node_modules/@vue/cli/bin/vue.js' -> 'xxx'

5.在升级完node版本后,继续执行第三步npm install -g @vue/clivue-cli3就安装成功啦。

vue-cli2初始化项目命令:

vue init webpack my-project

vue-cli3初始化项目命令:

vue create my-project

参考链接
1.https://segmentfault.com/a/1190000019230067
2.https://juejin.im/post/6844903854836809736

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值