vue-cli腳手架新版和舊版的安裝與使用

朱古麗豆發表於2020-11-05

vue腳手架的舊版(1.X,2.X)的安裝與建立,首先檢視電腦是否安裝node和npm,:
1 安裝命令:
npm i vue-cli -g
如果安裝淘寶映象的話可以使用cnpm
2 安裝並設定淘寶映象:
npm install cnpm -g --registry=https://registry.npm.taobao.org
安裝成功之後,cnpm就可以替代npm
3 建立專案
windows+R 進入命令列
建立專案之前確認node環境,安裝好node之後預設安裝了npm
檢視node和npm 是否安裝
node -v
npm -v
4 選擇路徑,建立專案
進入一個資料夾,進入命令列視窗
執行命令:
vue init webpack 專案名
然後一路回車
5 啟動專案
cd 專案名
cnpm run serve
6 在瀏覽器輸入localhost:8080即可
新版本的安裝與老版本的解除安裝
如果你已經全域性安裝了舊版本的 vue-cli(1.x 或 2.x),你需要先通過
npm uninstall vue-cli -g 解除安裝它
1 安裝新版本:
cnpm i -g @vue/cli
2 安裝完成之後檢視版本是否正確:
vue --version
vue -V
3 然後建立一個專案:
vue create 專案名

相關文章