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命令就已经好用了