详解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应用:Iframe自适应其加载的内容高度
Apr 10 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
Jun 08 Javascript
jquery右下角弹出提示框示例代码
Oct 08 Javascript
常用jQuery代码分享
Jul 14 Javascript
JS实现适合于后台使用的动画折叠菜单效果
Sep 21 Javascript
JS中创建函数的三种方式及区别
Mar 13 Javascript
微信小程序实战之自定义toast(6)
Apr 18 Javascript
vue仿淘宝订单状态的tab切换效果
Jun 23 Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 Javascript
Vue中axios拦截器如何单独配置token
Dec 27 Javascript
JavaScript canvas绘制折线图
Feb 18 Javascript
用JS创建一个录屏功能
Nov 11 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中SESSION使用中的一点经验总结
2012/03/30 PHP
Yii2第三方类库插件Imagine的安装和使用
2017/07/06 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
javascript模仿msgbox提示效果代码
2008/06/10 Javascript
Input 特殊事件onpopertychange和oninput
2009/06/17 Javascript
Google 静态地图API实现代码
2010/11/19 Javascript
实现web打印的各种方法介绍及实现代码
2013/01/09 Javascript
js自动生成对象的属性示例代码
2013/10/28 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
jquery动态添加option示例
2013/12/30 Javascript
JS对话框_JS模态对话框showModalDialog用法总结
2014/01/11 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
node+express+ejs制作简单页面上手指南
2014/11/26 Javascript
JS中字符串trim()使用示例
2015/05/26 Javascript
在Docker快速部署Node.js应用的详细步骤
2016/09/02 Javascript
快速解决js开发下拉框中blur与click冲突
2016/10/10 Javascript
JS中闭包的经典用法小结(2则示例)
2016/12/28 Javascript
BootStrapTable 单选及取值的实现方法
2017/01/10 Javascript
ES6 如何改变JS内置行为的代理与反射
2019/02/11 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
2019/11/24 Javascript
python3 实现一行输入,空格隔开的示例
2018/11/14 Python
对pandas通过索引提取dataframe的行方法详解
2019/02/01 Python
Python3.5内置模块之shelve模块、xml模块、configparser模块、hashlib、hmac模块用法分析
2019/04/27 Python
Django CSRF跨站请求伪造防护过程解析
2019/07/31 Python
python中sort和sorted排序的实例方法
2019/08/26 Python
python实现广度优先搜索过程解析
2019/10/19 Python
Python any()函数的使用方法
2019/10/28 Python
Keras使用tensorboard显示训练过程的实例
2020/02/15 Python
django 读取图片到页面实例
2020/03/27 Python
Nobody Denim官网:购买高级女士牛仔裤
2021/03/15 全球购物
应届护士推荐信
2013/11/16 职场文书
四风问题个人剖析材料
2014/10/07 职场文书
html form表单基础入门案例讲解
2021/07/15 HTML / CSS
Python时间操作之pytz模块使用详解
2022/06/14 Python
基于Android10渲染Surface的创建过程
2022/08/14 Java/Android