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