升級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

此文章是自己學習時的筆記,只供參考,如有問題歡迎賜教!

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