详解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多重继承示例
Mar 13 Javascript
Node.js实战 建立简单的Web服务器
Mar 08 Javascript
用js实现输入提示(自动完成)的实例代码
Jun 14 Javascript
JS获取URL中的参数数据
Dec 05 Javascript
BOOTSTRAP时间控件显示在模态框下面的bug修复
Feb 05 Javascript
JavaScript缓冲运动实现方法(2则示例)
Jan 08 Javascript
深入理解(function(){... })();
Aug 16 Javascript
JavaScript表单验证完美代码
Mar 02 Javascript
footer定位页面底部(代码分享)
Mar 07 Javascript
javascript防篡改对象实例详解
Apr 10 Javascript
js基于FileSaver.js 浏览器导出Excel文件的示例
Aug 15 Javascript
JS封装cavans多种滤镜组件
Feb 15 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 md5下16位和32位的实现代码
2008/04/09 PHP
MySQL 日期时间函数常用总结
2012/06/12 PHP
PHP模板引擎smarty详细介绍
2015/05/26 PHP
php数字每三位加逗号的功能函数
2015/10/22 PHP
Laravel 队列使用的实现
2019/01/08 PHP
PHP中Session ID的实现原理实例分析
2019/08/17 PHP
Yii框架通过请求组件处理get,post请求的方法分析
2019/09/03 PHP
Javascript 面向对象之重载
2010/05/04 Javascript
JavaScript高级程序设计 学习笔记 js高级技巧
2011/09/20 Javascript
20个最新的jQuery插件
2012/01/13 Javascript
button没写type=button会导致点击时提交
2014/03/06 Javascript
jquery幻灯片插件bxslider样式改进实例
2014/10/15 Javascript
ionic中列表项增加和删除的实现方法
2017/01/22 Javascript
代码详解JS操作剪贴板
2018/02/11 Javascript
webpack4.0打包优化策略整理小结
2018/03/30 Javascript
JavaScript中为事件指定处理程序的五种方式分析
2018/07/27 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
[00:49]完美世界DOTA2联赛10月28日开团时刻:随便打
2020/10/29 DOTA
python命令行参数sys.argv使用示例
2014/01/28 Python
使用Python的Zato发送AMQP消息的教程
2015/04/16 Python
Python爬虫抓取手机APP的传输数据
2016/01/22 Python
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
python中import学习备忘笔记
2017/01/24 Python
人工智能最火编程语言 Python大战Java!
2017/11/13 Python
Python实现通过继承覆盖方法示例
2018/07/02 Python
python实现多进程通信实例分析
2019/09/01 Python
Python 实现文件读写、坐标寻址、查找替换功能
2019/09/11 Python
使用pandas 将DataFrame转化成dict
2019/12/10 Python
Python中and和or如何使用
2020/05/28 Python
Python远程方法调用实现过程解析
2020/07/28 Python
超市客服工作职责
2014/06/11 职场文书
餐饮周年庆活动方案
2014/08/14 职场文书
红歌会主持词
2015/07/02 职场文书
如何做好工作总结!
2019/04/10 职场文书