1. 程式人生 > 其它 >mac環境下安裝node,更換npm為淘寶源並命名為cnpm,安裝vue-cli並更換為4.x版本,並使用vue ui 圖形化頁面建立使用vue專案

mac環境下安裝node,更換npm為淘寶源並命名為cnpm,安裝vue-cli並更換為4.x版本,並使用vue ui 圖形化頁面建立使用vue專案

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

愛折騰的小測試