mac環境下安裝node,更換npm為淘寶源並命名為cnpm,安裝vue-cli並更換為4.x版本,並使用vue ui 圖形化頁面建立使用vue專案
阿新 • • 發佈:2021-10-09
1.先安裝node.js(下載完成後一鍵安裝,完事使用 node --version檢視版本資訊)
https://nodejs.org/zh-cn/
2.更換npm安裝源,並命名為cnpm
1)更換(更換完成後,使用cnpm --version檢查,若報找不到此命令執行第二步)
sudo npm install -g cnpm --registry=https://registry.npmmirror.com
2)配置全域性變數(先注意觀察命令列使用什麼指令碼執行的命令,我這裡是zsh,bash也是如此設定)
(1)編輯全域性檔案
vim ~/.zsh_profile
(2)新增環境變數
export PATH=/Users/felix/.npm-global/lib/node_modules/cnpm/bin:$PATH
(3)重新整理全域性變數
source ~/.zsh_profile
3.安裝vue-cli(安裝完使用 vue --version檢視)
sudo cnpm install -g @vue/cli
1)若提示沒有此命令,配置環境變數(需要自己清楚vue-cli的安裝目錄,一般執行安裝命令後,最後一行會提示)
export PATH=/Users/felix/.npm-global/bin:$PATH
4.安裝最新版的vue-cli(若第3步,檢視版本資訊為2.9.x,需要解除安裝重新安裝)
1)解除安裝原來的vue-cli
sudo cnpm uninstall vue-cli -g
2)重新安裝
sudo cnpm install -g @vue/cli
5.執行vue ui
愛折騰的小測試