详解Ubuntu安装angular-cli遇到的坑

环境：ubuntu16.04

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、重庆小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了梁山免费建站欢迎大家使用！

按照官方文档的要求，跟着进行angular-cli的安装，但是我们知道，环境这种东西有时候很容易配置，有时候就会闹脾气，而且不同的操作系统，出现的问题也不尽相同。今天安装了一下，踩了几个坑，在这里跟大家分享一下。

更新nodejs，npm

根据官方的教程要求：

Verify that you are running at least Node.js version 8.x or greater and npm version 5.x or greater by running node -v and npm -v in a terminal/console window. Older versions produce errors, but newer versions are fine.

所以要升级一下node和npm的版本。

sudo npm cache clean -f
sudo npm install -g n
sudo n stable
sudo npm install -g npm

这里我们使用n来帮助更新node。

如果上面的过程过慢，我们就要更新一下npm的源：

sudo npm config set registry https://registry.npm.taobao.org

可以在这里就换上，因为后面安装angular-cli的时候还是要换源。

注意：

上面的几步一定要使用sudo安装，因为在使用n的时候，创建文件是需要权限的，后面再去进行权限的配置还是很麻烦的。

安装angular-cli

上面提到了，安装的时候一定要换一下国内的源，然后再进行安装。

sudo npm install -g @angular/cli

这个安装完后，大概是这样的：

最后面的两行最重要。然后按照教程走，看看版本：

这是由于没有在系统命令中创建命令，所有不能在所有的地方都使用ng的命令。

sudo ln -s /opt/node/bin/ng /usr/local/bin/ng

然后就可以使用了：

到此就安装完了，后面的初步搭建angular小项目也就比较顺利了，这里就不做赘述了。

官方文档：https://angular.io/guide/quickstart

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。