升级vue3.0(爬坑记录)

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

此文章是自己学习时的笔记,只供参考,如有问题欢迎赐教!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章