mac 下安裝最新版本 nvm、node、npm、angular-cli 以及詳細的使用方法

使用背景

   1. 多個項目使用不同的node和npm版本，原因是多個angular項目版本，每個項目使用的angular版本不同，有使用angular5.x也有使用最新的angular7.x的

   2. 其他類似的工具如 使用n模塊(另外一個管理多個node版本的npm工具) 可以安裝多個node版本 但是不支持安裝多個angular-cli版本。

安裝步驟

• mac terminal安裝nvm

#curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash

• 根據提示重啟teminal, 輸入nvm 看到輸出相關信息 即安裝成功

#nvm 

 使用方式

• 檢查可以安裝的 Node LTS版本

#nvm ls-remote --lts   （一般商業項目 都建議使用LTS版本）

#nvm ls-remote 顯示所有可安裝版本

• 安裝最新LTS版本的node 並升級npm到當前node版本所支持的npm的最新版本。

#nvm install --lst --latest-npm;

• 安裝angular-cli 

#npm install -g @angular/cli

 

常見錯誤

Error: EACCES: permission denied, mkdir xxxx

寫目錄權限不夠，兩個解決辦法

1. 使用sudo npm install 安裝

2. 提升權限不足目錄的權限，允許當前用戶訪問

# sudo chmod -R 777 <目錄路徑>

專業詞匯

     LTS（long team support）長期支持版本

參考資料

1. nvm offical guide:  https://github.com/creationix/nvm/blob/master/README.md
2. angular cli offical guide: https://angular.io/guide/quickstart