详解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编程起步(第二课)
Jan 10 Javascript
jquery 操作日期、星期、元素的追加的实现代码
Feb 07 Javascript
js showModalDialog弹出窗口实例详解
Jan 07 Javascript
浅谈类似于(function(){}).call()的js语句
Mar 30 Javascript
javascript+canvas实现刮刮卡抽奖效果
Jul 29 Javascript
javascript 用函数实现继承详解
May 28 Javascript
JavaScript对Json的增删改属性详解
Jun 02 Javascript
浅析Vue项目中使用keep-Alive步骤
Jul 27 Javascript
微信小程序实现日历效果
Dec 28 Javascript
微信小程序中悬浮窗功能的实现代码
Aug 02 Javascript
layui对工具条进行选择性的显示方法
Sep 19 Javascript
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
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 随机排序广告的实现代码
2011/05/09 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
JQuery 1.4 中的Ajax问题
2010/01/23 Javascript
javascript instanceof 内部机制探析
2010/10/15 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
2013/08/11 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
Node.js实现批量去除BOM文件头
2014/12/20 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
2015/02/23 Javascript
js使用post 方式打开新窗口
2015/02/26 Javascript
jQuery实现文件上传进度条特效
2015/08/12 Javascript
基于jQuery实现收缩展开功能
2016/03/18 Javascript
jQuery简单实现中间浮窗效果
2016/09/04 Javascript
利用jquery实现下拉框的禁用与启用
2016/12/07 Javascript
jQuery实现倒计时重新发送短信验证码功能示例
2017/01/12 Javascript
基于Angularjs+mybatis实现二级评论系统(仿简书)
2017/02/13 Javascript
日期时间范围选择插件:daterangepicker使用总结(必看篇)
2017/09/14 Javascript
说说node中的可读流和可写流的区别
2018/06/01 Javascript
VUE+node(express)实现前后端分离
2019/10/13 Javascript
一文秒懂JavaScript构造函数、实例、原型对象以及原型链
2020/08/25 Javascript
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
Python3实现连接SQLite数据库的方法
2014/08/23 Python
Python fileinput模块使用实例
2015/06/03 Python
Python序列操作之进阶篇
2016/12/08 Python
python做量化投资系列之比特币初始配置
2018/01/23 Python
python和shell监控linux服务器的详细代码
2018/06/22 Python
在Pytorch中计算自己模型的FLOPs方式
2019/12/30 Python
python实现查找所有程序的安装信息
2020/02/18 Python
Python Matplotlib简易教程(小白教程)
2020/07/28 Python
css3 边框、背景、文本效果的实现代码
2018/03/21 HTML / CSS
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
巴黎一票通:The Paris Pass
2018/02/10 全球购物
护理专业大学生自我推荐信
2014/01/25 职场文书
2015年中职班主任工作总结
2015/05/25 职场文书
刘胡兰观后感
2015/06/16 职场文书
2015年公司国庆放假通知
2015/07/30 职场文书