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 相关文章推荐
JavaScript DOM 学习第七章 表单的扩展
Feb 19 Javascript
拖动布局之保存布局页面cookies篇
Oct 29 Javascript
js 数值转换为3位逗号分隔的示例代码
Feb 19 Javascript
node.js中的fs.link方法使用说明
Dec 15 Javascript
jQuery UI插件自定义confirm确认框的方法
Mar 20 Javascript
以Python代码实例展示kNN算法的实际运用
Oct 26 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
Feb 17 Javascript
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
JS实现数组简单去重及数组根据对象中的元素去重操作示例
Jan 05 Javascript
Node.js net模块功能及事件监听用法分析
Jan 05 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
Jun 04 jQuery
详解 TypeScript 枚举类型
Nov 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
php下实现农历日历的代码
2007/03/07 PHP
php批量上传的实现代码
2013/06/09 PHP
PHP代码优化技巧小结
2015/09/29 PHP
php curl获取https页面内容,不直接输出返回结果的设置方法
2019/01/15 PHP
JQERY limittext 插件0.2版(长内容限制显示)
2010/08/27 Javascript
JavaScript去掉空格的方法集合
2010/12/28 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
2012/01/15 Javascript
jQuery动画animate方法使用介绍
2013/05/06 Javascript
javascript模拟枚举的简单实例
2014/03/06 Javascript
原生javascript实现Tab选项卡切换功能
2015/01/12 Javascript
JavaScript中的substr()方法使用详解
2015/06/06 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
2015/06/19 Javascript
判断js的Array和Object的实现方法
2016/08/29 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
微信小程序实战之轮播图(3)
2017/04/17 Javascript
AngularJS中使用ngModal模态框实例
2017/05/27 Javascript
AngularJS路由Ui-router模块用法示例
2017/05/29 Javascript
Vuex实现计数器以及列表展示效果
2018/03/10 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
layui 地区三级联动 form select 渲染的实例
2019/09/27 Javascript
nodejs中内置模块fs,path常见的用法说明
2020/11/07 NodeJs
python动态性强类型用法实例
2015/05/09 Python
Python的for和break循环结构中使用else语句的技巧
2016/05/24 Python
python实现梯度下降算法
2020/03/24 Python
python+Splinter实现12306抢票功能
2018/09/25 Python
对Python 内建函数和保留字详解
2018/10/15 Python
opencv+python实现鼠标点击图像,输出该点的RGB和HSV值
2020/06/02 Python
Python Tkinter实例——模拟掷骰子
2020/10/24 Python
Python离线安装各种库及pip的方法
2020/11/28 Python
VSCode 自定义html5模板的实现
2019/12/05 HTML / CSS
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
JBL加拿大官方商店:扬声器、耳机等
2020/10/23 全球购物
党的群众路线教育实践活动对照检查材料
2014/09/22 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
人口与计划生育责任书
2015/05/09 职场文书
Java中PriorityQueue实现最小堆和最大堆的用法
2021/06/27 Java/Android