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中sort()方法的用法
Nov 04 Javascript
php gethostbyname获取域名ip地址函数详解
Jan 24 Javascript
jQuery+CSS3实现树叶飘落特效
Feb 01 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 Javascript
AngularJS教程之简单应用程序示例
Aug 16 Javascript
JavaScript中Array的实用操作技巧分享
Sep 11 Javascript
Three.js入门之hello world以及如何绘制线
Sep 25 Javascript
Node.js创建HTTP文件服务器的使用示例
May 11 Javascript
vue脚手架搭建项目的兼容性配置详解
Jul 17 Javascript
示例vue 的keep-alive缓存功能的实现
Dec 13 Javascript
vue实例的选项总结
Jun 09 Javascript
原生js实现九宫格拖拽换位
Jan 26 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/09/16 PHP
PHP 的比较运算与逻辑运算详解
2016/05/12 PHP
PHP目录与文件操作技巧总结(创建,删除,遍历,读写,修改等)
2016/09/11 PHP
php7新特性的理解和比较总结
2019/04/14 PHP
jquery.alert 弹出式复选框实现代码
2009/06/15 Javascript
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
javascript设计模式之解释器模式详解
2014/06/05 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
2014/07/18 Javascript
javascript面向对象之访问对象属性的两种方式分析
2015/01/13 Javascript
JavaScript获取当前cpu使用率的方法
2015/12/15 Javascript
直接拿来用的页面跳转进度条JS实现
2016/01/06 Javascript
js简单倒计时实现代码
2016/04/30 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
javascript实现文字无缝滚动效果
2017/08/26 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
小程序实现分类页
2019/07/12 Javascript
微信小程序返回上一页传参并刷新过程解析
2019/12/13 Javascript
js里面的变量范围分享
2020/07/18 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
[01:04:30]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python去掉字符串中空格的方法
2014/03/11 Python
简单解决Python文件中文编码问题
2015/11/22 Python
10 行 Python 代码教你自动发送短信(不想回复工作邮件妙招)
2018/10/11 Python
python如何利用Mitmproxy抓包
2020/10/10 Python
Django中和时区相关的安全问题详解
2020/10/12 Python
canvas线条的属性详解
2018/03/27 HTML / CSS
很酷的小工具和电子产品商城:GearBest
2016/11/19 全球购物
Charlotte Tilbury澳大利亚官网:英国美妆品牌
2018/10/05 全球购物
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
2014国庆节标语口号
2014/09/19 职场文书
社保转移委托书范本
2014/10/08 职场文书
2014年电工工作总结
2014/11/20 职场文书
军事理论课感想
2015/08/11 职场文书
小学音乐课教学反思
2016/02/18 职场文书
使用Apache Camel表达REST服务的方法
2022/06/10 Servers