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


Posted in Javascript onSeptember 08, 2018

环境: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.

所以要升级一下nodenpm的版本。

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

这个安装完后,大概是这样的:

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

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

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

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

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

然后就可以使用了:

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

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

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 面向对象编程基础 多态
Aug 21 Javascript
JQuery Ajax通过Handler访问外部XML数据的代码
Jun 01 Javascript
javascript检查表单数据是否改变的方法
Jul 30 Javascript
JavaScript中继承用法实例分析
May 16 Javascript
js实现延时加载Flash的方法
Nov 26 Javascript
基于JavaScript实现全选、不选和反选效果
Feb 15 Javascript
p5.js入门教程之小球动画示例代码
Mar 15 Javascript
教你使用vue-cli快速构建的小说阅读器
May 13 Javascript
vue点击按钮动态创建与删除组件功能
Dec 29 Javascript
angula中使用iframe点击后不执行变更检测的问题
May 10 Javascript
如何在selenium中使用js实现定位
Aug 18 Javascript
微信小程序实现单个或多个倒计时功能
Nov 01 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
Sep 07 #Javascript
Bootstrap-table使用footerFormatter做统计列功能
Sep 07 #Javascript
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 #jQuery
Bootstrap-table自定义可编辑每页显示记录数
Sep 07 #Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
Sep 07 #Javascript
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 #jQuery
vue利用v-for嵌套输出多层对象,分别输出到个表的方法
Sep 07 #Javascript
You might like
让PHP支持页面回退的两种方法
2008/01/10 PHP
关于session在PHP5的配置文件中的详细设置参数说明
2011/04/20 PHP
str_replace只替换一次字符串的方法
2013/04/09 PHP
php swoole多进程/多线程用法示例【基于php7nts版】
2019/08/12 PHP
PHP 实现重载
2021/03/09 PHP
Javascript里使用Dom操作Xml
2007/01/22 Javascript
Jquery ajaxsubmit上传图片实现代码
2010/11/04 Javascript
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
javascript自动改变文字大小和颜色的效果的小例子
2013/08/02 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
node.js中的fs.read方法使用说明
2014/12/17 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
jQuery 检查某个元素在页面上是否存在实例代码
2016/10/27 Javascript
简单学习vue指令directive
2016/11/03 Javascript
动态加载权限管理模块中的Vue组件
2018/01/16 Javascript
JavaScript实现一个带AI的井字棋游戏源码
2018/05/21 Javascript
用Node编写RESTful API接口的示例代码
2018/07/04 Javascript
详解@Vue/Cli 3 Invalid Host header 错误解决办法
2019/01/02 Javascript
vue安装遇到的5个报错及解决方法
2019/06/12 Javascript
Python中time模块和datetime模块的用法示例
2016/02/28 Python
用Python实现读写锁的示例代码
2018/11/05 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
python 利用pandas将arff文件转csv文件的方法
2019/02/12 Python
Python字符串和正则表达式中的反斜杠('\')问题详解
2019/09/03 Python
Python 可变类型和不可变类型及引用过程解析
2019/09/27 Python
python 实现单通道转3通道
2019/12/03 Python
python 将dicom图片转换成jpg图片的实例
2020/01/13 Python
利用Python计算KS的实例详解
2020/03/03 Python
2020最新pycharm汉化安装(python工程狮亲测有效)
2020/04/26 Python
python爬虫beautifulsoup库使用操作教程全解(python爬虫基础入门)
2021/02/19 Python
俄罗斯最大的在线珠宝大卖场:Nebo
2019/12/08 全球购物
爱岗敬业演讲稿范文
2014/01/14 职场文书
协议书怎么写
2014/04/21 职场文书
房屋买卖协议样本
2014/11/16 职场文书
2016年校园社会综合治理宣传月活动总结
2016/03/16 职场文书
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis