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
此文章是自己學習時的筆記,只供參考,如有問題歡迎賜教!