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放大镜效果超漂亮噢
Nov 15 Javascript
javascript校验价格合法性实例(必须输入2位小数)
May 05 Javascript
jQuery中dom元素上绑定的事件详解
Apr 24 Javascript
10分钟掌握XML、JSON及其解析
Dec 06 Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 Javascript
使用Node.js搭建静态资源服务详细教程
Aug 02 Javascript
细说webpack源码之compile流程-入口函数run
Dec 26 Javascript
15个顶级开源JavaScript框架和库
Oct 10 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
Aug 14 Javascript
Vue实现购物车实例代码两则
May 30 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
Nov 30 Javascript
vue实现在data里引入相对路径
Jun 05 Vue.js
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内存溢出问题的解决方法
2013/06/25 PHP
PHP中feof()函数实例测试
2014/08/23 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
setTimeout和setInterval的浏览器兼容性分析
2007/02/27 Javascript
JS实现多物体缓冲运动实例代码
2013/11/29 Javascript
jquery重复提交请求的原因浅析
2014/05/23 Javascript
理解javascript模块化
2016/03/28 Javascript
基于JavaScript实现轮播图代码
2016/07/14 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
使用nodejs下载风景壁纸
2017/02/05 NodeJs
jQuery EasyUI 组件加上“清除”功能实例详解
2017/04/11 jQuery
js获取一组日期中最近连续的天数
2017/05/25 Javascript
Three.js基础学习之场景对象
2017/09/27 Javascript
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
微信小程序实现两边小中间大的轮播效果的示例代码
2018/12/07 Javascript
JS实现的新闻列表自动滚动效果示例
2019/01/30 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
2020/06/24 Javascript
SpringBoot在yml配置文件中配置druid的操作
2020/11/16 Javascript
[51:27]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
[29:59]完美世界DOTA2联赛PWL S3 Forest vs access 第二场 12.11
2020/12/13 DOTA
[02:50]【扭转乾坤,只此一招】DOTA2全新版本永雾林渊开启新篇章
2020/12/24 DOTA
新手该如何学python怎么学好python?
2008/10/07 Python
Python设计模式之抽象工厂模式
2016/08/25 Python
在jupyter notebook中调用.ipynb文件方式
2020/04/14 Python
使用CSS3实现input多选框自定义样式的方法示例
2019/07/19 HTML / CSS
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
解释一下ArrayList Vector和LinkedList的实现和区别
2013/04/26 面试题
AJAX的优缺点都有什么
2015/08/18 面试题
汽车检测与维修个人求职信
2013/09/24 职场文书
英语自荐信范文
2013/12/11 职场文书
告诉你怎样写创业计划书
2014/01/27 职场文书
表彰先进的通报
2014/01/31 职场文书
六年级数学教学反思
2014/02/03 职场文书
学习型家庭事迹材料(2016精选版)
2016/02/29 职场文书
Java输出Hello World完美过程解析
2021/06/13 Java/Android
实战Python爬虫爬取酷我音乐
2022/04/11 Python