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 相关文章推荐
JS 无法通过W3C验证的处理方法
Mar 09 Javascript
ie支持function.bind()方法实现代码
Dec 27 Javascript
让alert不出现弹窗的两种方法
May 18 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
Mar 14 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
Feb 29 Javascript
Bootstrap表单布局样式源代码
Jul 04 Javascript
js实现StringBuffer的简单实例
Sep 02 Javascript
MUI  Scroll插件的使用详解
Apr 13 Javascript
Vue 实现从文件中获取文本信息的方法详解
Oct 16 Javascript
微信小程序开发中var that =this的用法详解
Jan 18 Javascript
JS字符串和数组如何实现相互转化
Jul 02 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
现磨咖啡骗局!现磨咖啡=新鲜咖啡?现磨咖啡背后的猫腻你不懂!
2019/03/28 冲泡冲煮
Classes and Objects in PHP5-面向对象编程 [1]
2006/10/09 PHP
PHP中读写文件实现代码
2011/10/20 PHP
php判断一个数组是否为有序的方法
2015/03/27 PHP
PHP实现找出有序数组中绝对值最小的数算法分析
2017/08/07 PHP
php设计模式之状态模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
JavaScript基本概念初级讲解论坛贴的学习记录
2009/02/22 Javascript
Jquery 实现Tab效果 思路是js思路
2010/03/02 Javascript
jquery ajax提交表单数据的两种实现方法
2010/04/29 Javascript
深入理解javascript严格模式(Strict Mode)
2014/11/28 Javascript
JavaScript中this详解
2015/09/01 Javascript
轻松掌握JavaScript装饰者模式
2016/08/27 Javascript
简单分析javascript中的函数
2016/09/10 Javascript
JS常用算法实现代码
2016/11/14 Javascript
使用vs code开发Nodejs程序的使用方法
2017/09/21 NodeJs
vue购物车插件编写代码
2017/11/27 Javascript
Angularjs之ngModel中的值验证绑定方法
2018/09/13 Javascript
JS实现简单省市二级联动
2019/11/27 Javascript
在vue中封装方法以及多处引用该方法详解
2020/08/14 Javascript
Python中的高级函数map/reduce使用实例
2015/04/13 Python
python实现类的静态变量用法实例
2015/05/08 Python
Python安装lz4-0.10.1遇到的坑
2018/05/20 Python
关于Pycharm无法debug问题的总结
2019/01/19 Python
详解python深浅拷贝区别
2019/06/24 Python
python上传时包含boundary时的解决方法
2020/04/08 Python
python爬虫今日热榜数据到txt文件的源码
2021/02/23 Python
关于css中margin的值和垂直外边距重叠问题
2020/10/27 HTML / CSS
美国标志性加大尺码时装品牌:Ashley Stewart
2016/12/15 全球购物
迪卡侬(Decathlon)加拿大官网:源自法国的运动专业超市
2020/11/22 全球购物
华为的Java面试题
2014/03/07 面试题
通息工程毕业生自荐信
2013/10/16 职场文书
大学生简短的自我评价
2014/09/12 职场文书
2014年小学教师工作自我评价
2014/09/22 职场文书
四年级数学上册教学计划
2015/01/20 职场文书
《我们的民族小学》教学反思
2016/02/19 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python