Mac環境 部署Node.js環境 安裝Angular CLI 解決找不到ng命令的問題

Mac環境 部署Node.js環境 安裝Angular CLI 解決找不到ng命令的問題

2018年02月08日 23:34:56

閱讀數：207

寫這篇博客的緣由是本人最近在學習AngularJS
公司環境是Ubuntu 家裏環境是macOS
公司搭建Angular環境時很是順利，結果到了Mac上……
因此決定記錄下來，但願也能幫助到更多的人

要安裝Angular CLI，就須要先安裝Node.js環境
Mac上Node.js的安裝能夠有三種方式：
1. 經過第三方Homebrew安裝
2. 經過git安裝
3. 官網下載安裝包進行安裝

本篇博客採用上述第三種方式

• Node.js官網 下載穩定版安裝包
  • 目前我用的是8.9.4 自帶npm版本爲5.6.0
• 雙擊安裝，輸入用戶密碼，再也不贅述
• 打開終端 輸入node -v查看node版本 輸入npm -v查看npm版本
• 若要安裝 Angular CLI，只需在終端中運行如下命令：npm install -g @angular/cli
• 此時輸入ng v若能顯示出Angular CLI的圖案及提示，以下圖，說明就安裝成功了
  

但很不巧的是 我使用ng命令時 提示我ng: command not found

一番資料查閱獲得以下解決方案：
流程是先把node和npm全都刪一遍，而後再從新安裝，最後在從新配置

• 刪除node和npm
  • npm config get prefix
  • cd [剛纔獲得的路徑]
  • cd lib && rm -rf node_modules
  • cd /usr/local/lib && sudo rm -rf node*
  • cd /usr/local/include & sudo rm -rf node*
  • brew uninstall node (若是你是經過brew安裝的，才須要執行此步驟)
  • cd /usr/local/bin
  • sudo rm -rf npm
  • sudo rm -rf node
  • sudo rm -rf /usr/local/share/man/man1/node.1
  • sudo rm -rf /usr/local/lib/dtrace/node.d
  • sudo rm -rf ~/.npm
• 從新安裝Node.js
• 安裝@angular/cli
  • npm install -g @angular/cli@latest
• 查詢安裝的Node路徑
  • npm get prefix
• 把剛纔的路徑配到你的終端配置文件中.zshrc或.bashrc
  • alias ng="/剛纔你獲得的路徑/lib/node_modules/@angular/cli/bin/ng"
• 此時ng命令就已經好用了