Mac环境 部署Node.js环境 安装Angular CLI 解决找不到ng命令的问题
写这篇博客的原因是本人最近在学习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/[email protected]
- 查询安装的Node路径
npm get prefix
- 把刚才的路径配到你的终端配置文件中.zshrc或.bashrc
alias ng="/刚才你得到的路径/lib/node_modules/@angular/cli/bin/ng"
- 此时ng命令就已经好用了