详解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 相关文章推荐
jquery 滚动条事件简单实例
Jul 12 Javascript
javascript预加载图片、css、js的方法示例介绍
Oct 14 Javascript
JavaScript实现url地址自动检测并添加URL链接示例代码
Nov 12 Javascript
动态加载iframe时get请求传递中文参数乱码解决方法
May 07 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
Jun 06 Javascript
如何用angularjs制作一个完整的表格
Jan 21 Javascript
AngularJS 视图详解及示例代码
Aug 17 Javascript
JS重载实现方法分析
Dec 16 Javascript
JS中如何实现Laravel的route函数详解
Feb 12 Javascript
Bootstrap表格制作代码
Mar 17 Javascript
每天学点Vue源码之vm.$mount挂载函数
Mar 11 Javascript
React+Redux实现简单的待办事项列表ToDoList
Sep 29 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
Apache+php+mysql在windows下的安装与配置图解(最新版)
2008/11/30 PHP
2017年最好用的9个php开发工具推荐(超好用)
2017/10/23 PHP
跟随鼠标旋转的文字
2006/11/30 Javascript
用js计算页面执行时间的函数
2006/12/07 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
2011/03/06 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
使用script的src实现跨域和类似ajax效果
2014/11/10 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
jQuery中bind(),live(),delegate(),on()绑定事件方法实例详解
2016/01/19 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
深入理解jquery中extend的实现
2016/12/22 Javascript
微信小程序 Canvas增强组件实例详解及源码分享
2017/01/04 Javascript
js表单序列化判断空值的实例
2017/09/22 Javascript
详解在Vue中有条件地使用CSS类
2017/09/30 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
实例分析Array.from(arr)与[...arr]到底有何不同
2019/04/09 Javascript
微信小程序拼接图片链接无底洞深入探究
2019/09/03 Javascript
在vue中实现某一些路由页面隐藏导航栏的功能操作
2020/09/21 Javascript
使用PYTHON创建XML文档
2012/03/01 Python
Python错误: SyntaxError: Non-ASCII character解决办法
2017/06/08 Python
Python的多维空数组赋值方法
2018/04/13 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
Pycharm github配置实现过程图解
2020/10/13 Python
HTML5 audio标签使用js进行播放控制实例
2015/04/24 HTML / CSS
HTML5+css3:3D旋转木马效果相册
2017/01/03 HTML / CSS
Jimmy Choo美国官网:周仰杰鞋子品牌
2018/06/08 全球购物
Lululemon加拿大官网:加拿大知名体育服装零售商
2019/04/12 全球购物
AutoShack.com加拿大:北美主要的汽车零部件零售商
2019/07/24 全球购物
小学教育毕业生自荐信
2013/11/18 职场文书
会展中心部门工作职责
2013/11/27 职场文书
公司中秋节活动方案
2014/02/12 职场文书
师范教师专业大学生职业生涯规划范文
2014/03/02 职场文书
后备干部培训方案
2014/05/22 职场文书
小学生作文批改评语
2014/12/25 职场文书
如何使用vue3打造一个物料库
2021/05/08 Vue.js
基于Python编写简易版的天天跑酷游戏的示例代码
2022/03/23 Python