Angular2安装angular-cli


Posted in Javascript onMay 21, 2017

最近在学习angular2,并尝试用这个框架来做公司的一个新项目。

终于要开始开发了,等了1个多月。

因为第一次用这个新框架做项目,不太熟悉,就找了angular-cli这个脚手架来搭建项目。

安装了好多次,看了好多博文,终于成功了。

依据本宝宝帮多位小伙伴安装成功的经验,现总结安装angular-cli过程如下:

1、设置淘宝镜像,在 .npmrc文件(该文件在C盘>用户(或user)>你的电脑名字下就可找到)加入下面一句:
 

registry = https://registry.npm.taobao.org

如果之前已经改过,可以跳过;也可以用命令行临时设置;总之你开心就好~

2、用npm安装typescript和typings,因为据说angular-cli是用typescript写的,所以要先装这两个:

npm install -g typescript typings

3、安装angular-cli:

npm install -g angular-cli@latest

如果你之前安装失败过,最好在安装angular-cli之前先卸载干净,用以下两句:

npm uninstall -g angular-cli
npm cache clean

在检查你全局的那些npm文件下还残留下图这两个文件,有的话也要删掉,删掉后再用"npm install -g angular-cli@latest"安装最新的angular-cli即可。

Angular2安装angular-cli

安装完毕后,试下ng -v 和ng --help,有显示正确内容就成功了。

接下来,就可以用以下命令创建并运行项目:

ng new ProjectName //ProjectName为你的项目名
 
cd ProjectName
 
ng serve // 启动项目

接下来在浏览器输入http://localhost:4200/就可以看见项目了。

然而,这只是开端,接下来才开始正式和angular2交锋!!!

忘了说angular-cli虽然简单方便,帮你搭建好所需环境,但简单方便的对立面是不灵活,多了很多我们可能不想用的包、文件,所以有能力搭建项目的,还是自己搭建吧,过~

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用jQuery与JSONP轻松解决跨域访问的问题
Feb 04 Javascript
JS获取月份最后天数、最大天数与某日周数的方法
Dec 08 Javascript
AngularJS轻松实现双击排序的功能
Aug 30 Javascript
AngularJS监听路由的变化示例代码
Sep 23 Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
Nov 10 Javascript
ES6深入理解之“let”能替代”var“吗?
Jun 28 Javascript
浅析为什么a="abc" 不等于 a=new String("abc")
Oct 25 Javascript
javascript用rem来做响应式开发
Jan 13 Javascript
使用Vue.js开发微信小程序开源框架mpvue解析
Mar 20 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
JavaScript如何判断对象有某属性
Jul 03 Javascript
详解微信小程序动画Animation执行过程
Sep 23 Javascript
Angular2使用Augury来调试Angular2程序
May 21 #Javascript
Angular2使用Angular-CLI快速搭建工程(二)
May 21 #Javascript
Angular2使用Angular CLI快速搭建工程(一)
May 21 #Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 #jQuery
node.js 中间件express-session使用详解
May 20 #Javascript
JS 调试中常见的报错问题解决方法
May 20 #Javascript
详解使用angular-cli发布i18n多国语言Angular应用
May 20 #Javascript
You might like
vBulletin HACK----关于排版的两个HACK
2006/10/09 PHP
php文件上传的简单实例
2013/10/19 PHP
PHP字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
PHP+FFMPEG实现将视频自动转码成H264标准Mp4文件
2014/09/24 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
PHP单例模式简单用法示例
2017/06/23 PHP
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
2014/01/15 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
BootStrap 获得轮播中的索引和当前活动的焦点对象
2017/05/11 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
Vue基于localStorage存储信息代码实例
2020/11/16 Javascript
js获取图片的base64编码并压缩
2020/12/05 Javascript
[02:23]2014DOTA2国际邀请赛中国战队回顾
2014/08/01 DOTA
详解Python中用于计算指数的exp()方法
2015/05/14 Python
发布你的Python模块详解
2016/09/15 Python
Python在信息学竞赛中的运用及Python的基本用法(详解)
2017/08/15 Python
对numpy中数组元素的统一赋值实例
2018/04/04 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
python代码过长的换行方法
2018/07/19 Python
TensorFlow实现Logistic回归
2018/09/07 Python
详解Django定时任务模块设计与实践
2019/07/24 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
Python实现Keras搭建神经网络训练分类模型教程
2020/06/12 Python
python语言中有算法吗
2020/06/16 Python
Python Pillow(PIL)库的用法详解
2020/09/19 Python
奥地利网上书店:Weltbild
2017/07/14 全球购物
FitFlop美国官网:英国符合人体工学的鞋类品牌
2018/10/05 全球购物
教师岗位职责
2013/11/17 职场文书
澳大利亚商务邀请函
2014/01/17 职场文书
优秀中学生事迹材料
2014/01/31 职场文书
安全责任协议书
2014/04/21 职场文书
Netty分布式客户端接入流程初始化源码分析
2022/03/25 Java/Android