详解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 相关文章推荐
js控制的回到页面顶端goTop的代码实现
Mar 20 Javascript
chrome下jq width()方法取值为0的解决方法
May 26 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
AngularJS基础 ng-class-odd 指令示例
Aug 01 Javascript
jQuery模拟窗口抖动效果
Mar 15 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
三种Webpack打包方式(小结)
Sep 19 Javascript
vue项目打包之后背景样式丢失的解决方案
Jan 17 Javascript
Vue.js实现可排序的表格组件功能示例
Feb 19 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
Jun 25 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
Jun 28 Javascript
微信小程序实现时间戳格式转换
Jul 20 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中extract()函数的定义和用法
2012/08/17 PHP
PHP+MySQL投票系统的设计和实现分享
2012/09/23 PHP
PHP判断表单复选框选中状态完整例子
2014/06/24 PHP
PHP中JSON的应用技巧
2015/10/10 PHP
PHP 中TP5 Request 请求对象的实例详解
2017/07/31 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
在JavaScript中通过URL传递汉字的方法
2007/04/09 Javascript
js 小数取整的函数
2010/05/10 Javascript
IE下js调试工具Companion.JS
2010/10/15 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
2015/02/05 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
AngularJS 作用域详解及示例代码
2016/08/17 Javascript
jquery点击切换背景色的简单实例
2016/08/25 Javascript
在vue中使用echarts图表实例代码详解
2018/10/22 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
2019/01/19 Javascript
使用webpack搭建vue项目实现脚手架功能
2019/03/15 Javascript
python基础教程之简单入门说明(变量和控制语言使用方法)
2014/03/25 Python
Python守护进程(daemon)代码实例
2015/03/06 Python
python将unicode转为str的方法
2017/06/21 Python
Odoo中如何生成唯一不重复的序列号详解
2018/02/10 Python
一文带你了解Python中的字符串是什么
2018/11/20 Python
python 实现在一张图中绘制一个小的子图方法
2019/07/07 Python
python框架flask入门之环境搭建及开启调试
2020/06/07 Python
深入了解Python装饰器的高级用法
2020/08/13 Python
python 装饰器的使用示例
2020/10/10 Python
Python descriptor(描述符)的实现
2020/11/15 Python
法国和欧洲海边和滑雪度假:Pierre & Vacances
2017/01/04 全球购物
lookfantastic荷兰:在线购买奢华护肤、护发和化妆品
2018/11/27 全球购物
药店主任岗位责任制
2014/02/10 职场文书
临床护理求职信
2014/04/26 职场文书
职业生涯规划书怎么写?
2014/09/14 职场文书
2014年财政局工作总结
2014/12/09 职场文书
财务部岗位职责范本
2015/04/14 职场文书
党支部鉴定意见
2015/06/02 职场文书
浅谈如何提高PHP代码的质量
2021/05/28 PHP
CSS实现五种常用的2D转换
2021/12/06 HTML / CSS