emmm,突然想升级下vue的版本,然后要升级node和npm,在此做下笔记
1、升级vue首先查看版本号,然后要把旧的版本卸载掉,重新安装新的版本
# 查看版本号
vue --version
# OR
vue -V
# 卸载(1.x 或 2.x)
npm uninstall vue-cli -g
# OR vue-cli是 (1.x 或 2.x)
yarn global remove vue-cli
# 安装新的版本
npm install -g @vue/cli
# OR
yarn global add @vue/cli
2、问题:安装新版本的时候,遇到了问题,报错提示node版本太低
那就升级呗,找了度娘,说是可以用node版本的管理模板n,github地址https://github.com/tj/n
# n的安装
npm i -g n #但是。。。报错惹
# 继续找度娘
npm i -g n --force #正常安装没报错
# 记录一些命令
#升级到指定的版本 n 版本号
n 10.15.3
#安装最新的版本
n latest
#安装最近的稳定版本
n stable
但是一顿操作以后,发现node并没有升级。。。emmm
后来知道n模块不支持window系统,window系统升级node就只有到node官网下载window安装包来覆盖之前的node。
简单粗暴最有效(bingo~~~)
3、问题:node安装完成向下走的时候,又报错,npm版本太低。。。
继续升级 n_n
npm install -g npm #有些慢,但是没有问题
4、终于都升级好了,创建一个vue 3.x的项目
# 创建一个项目
vue init webpack project-name #延用1.x和2.x,3.x也可
vue create xxx #3.x
#项目启动
npm run serve
#项目打包
npm run build
此文章是自己学习时的笔记,只供参考,如有问题欢迎赐教!