详解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 相关文章推荐
基于MooTools的很有创意的滚动条时钟动画
Nov 14 Javascript
javascript 的变量、作用域和内存问题
Apr 19 Javascript
ionic实现下拉刷新载入数据功能
May 11 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
bootstrap Table实现合并相同行
Jul 19 Javascript
解决layui 表单元素radio不显示渲染的问题
Sep 04 Javascript
JavaScript中break、continue和return的用法区别实例分析
Mar 02 Javascript
vue+animation实现翻页动画
Jun 29 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 Javascript
js实现限定范围拖拽的示例
Oct 26 Javascript
vue动态设置路由权限的主要思路
Jan 13 Vue.js
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
JAVA/JSP学习系列之二
2006/10/09 PHP
用PHP连接Oracle数据库
2006/10/09 PHP
浅析php变量修饰符static的使用
2013/06/28 PHP
微信公众平台接口开发入门示例
2014/12/24 PHP
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
2009/06/02 Javascript
myFocus slide3D v1.1.0 使用方法与下载
2011/01/12 Javascript
js中的string.format函数代码
2020/08/11 Javascript
分享28款免费实用的 JQuery 图片和内容滑块插件
2014/12/15 Javascript
整理JavaScript创建对象的八种方法
2015/11/03 Javascript
angularjs创建弹出框实现拖动效果
2020/08/25 Javascript
javascript跑马灯抽奖实例讲解
2020/04/17 Javascript
javascript检测flash插件是否被禁用的方法
2016/01/14 Javascript
javascript html5摇一摇功能的实现
2016/04/19 Javascript
AngularJS实现单独作用域内的数据操作
2016/09/05 Javascript
解决vue 引入子组件报错的问题
2018/09/06 Javascript
在Vue项目中使用snapshot测试的具体使用
2019/04/16 Javascript
深入理解vue中的slot与slot-scope
2019/04/22 Javascript
nodejs的安装使用与npm的介绍
2019/09/11 NodeJs
Vue 中 filter 与 computed 的区别与用法解析
2019/11/21 Javascript
详解在Python中处理异常的教程
2015/05/24 Python
python编程实现12306的一个小爬虫实例
2017/12/27 Python
Django项目开发中cookies和session的常用操作分析
2018/07/03 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
详解用python实现基本的学生管理系统(文件存储版)(python3)
2019/04/25 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
Python列表与元组的异同详解
2019/07/02 Python
python gensim使用word2vec词向量处理中文语料的方法
2019/07/05 Python
Python爬虫:将headers请求头字符串转为字典的方法
2019/08/21 Python
Python必须了解的35个关键词
2020/07/16 Python
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
2013/03/25 HTML / CSS
澳大利亚最好的厨具店:Kitchen Warehouse
2018/03/13 全球购物
《小草和大树》教学反思
2014/02/16 职场文书
银行实习推荐信
2015/03/27 职场文书
励志语录:你若不勇敢,谁替你坚强
2019/11/08 职场文书
JavaScript执行机制详细介绍
2021/12/06 Javascript
Mysql排查分析慢sql之explain实战案例
2022/04/19 MySQL