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面向对象编程
Mar 02 Javascript
再谈ie和firefox下的document.all属性
Oct 21 Javascript
jQuery的12招常用技巧分享
Aug 08 Javascript
JS二维数组的定义说明
Mar 03 Javascript
JS中判断null、undefined与NaN的方法
Mar 24 Javascript
正则表达式优化JSON字符串的技巧
Dec 24 Javascript
javascript合并表格单元格实例代码
Jan 03 Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 Javascript
js初始化验证实例详解
Nov 26 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
js实现各浏览器全屏代码实例
Jul 03 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
Dec 28 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下判断网址是否有效的代码
2011/10/08 PHP
js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析
2013/07/18 PHP
php实现获取局域网所有用户的电脑IP和主机名、及mac地址完整实例
2014/07/18 PHP
php中Session的生成机制、回收机制和存储机制探究
2014/08/19 PHP
php运行时动态创建函数的方法
2015/03/16 PHP
PHP实现连接设备、通讯和发送命令的方法
2015/10/13 PHP
分享别人写的一个小型js框架
2007/08/13 Javascript
javascript 面向对象编程 聊聊对象的事
2009/09/17 Javascript
基于jquery的高性能td和input切换并可修改内容实现代码
2011/01/09 Javascript
JavaScript中实现依赖注入的思路分享
2015/01/15 Javascript
浅谈JavaScript数据类型
2015/03/03 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
2016/06/13 Javascript
下一代Bootstrap的5个特点 超酷炫!
2016/06/17 Javascript
js实现模糊匹配功能
2017/02/15 Javascript
让你5分钟掌握9个JavaScript小技巧
2018/06/09 Javascript
JavaScript设计模式之职责链模式应用示例
2018/08/07 Javascript
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
解决layui-table单元格设置为百分比在ie8下不能自适应的问题
2019/09/28 Javascript
mpvue微信小程序开发之实现一个弹幕评论
2019/11/24 Javascript
JavaScript监听键盘事件代码实现
2020/06/03 Javascript
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
使用Python来开发微信功能
2018/06/13 Python
Python实现重建二叉树的三种方法详解
2018/06/23 Python
python读取有密码的zip压缩文件实例
2019/02/08 Python
Python元组知识点总结
2019/02/18 Python
详解Python3注释知识点
2019/02/19 Python
matplotlib quiver箭图绘制案例
2020/04/17 Python
Javascript 高级手势使用介绍
2013/04/21 HTML / CSS
欧铁通票官方在线销售网站:Eurail.com
2017/10/14 全球购物
男女钓鱼靴和甲板鞋:XTRATUF
2021/01/09 全球购物
C++面试题目
2013/06/25 面试题
2015年元旦联欢晚会活动总结
2014/11/28 职场文书
2015年学校德育工作总结
2015/04/22 职场文书
消防演习感想
2015/08/10 职场文书
中学语文教学反思
2016/02/16 职场文书
七年级生物教学反思
2016/02/20 职场文书