详解Ubuntu安装angular-cli遇到的坑
- 作者: 我们都要好好的亲
- 来源: 51数据库
- 2020-08-12
这篇文章主要介绍了详解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
以上就是本文的全部内容，希望对大家的学习有所帮助，
推荐阅读
热点文章
Angular中响应式表单的三种更新值方法详析
7
Angularjs实现下拉框联动的示例代码
7
详解AngularJS跨页面传值（ui-router）
2
详解AngularJS1.x学习directive 中‘& ’‘=’ ‘@’符号的区别使用
3
angular2路由切换改变页面title的示例代码
4
Angular2 组件间通过@Input @Output通讯示例
5
Angularjs中ng-repeat的简单实例
3
AngularJS 中ui-view传参的实例详解
4
浅谈Angular路由守卫
4
详解基于Angular4+ server render(服务端渲染)开发教程
4
