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 相关文章推荐
拖动一个HTML元素
Dec 22 Javascript
基于jquery的复制网页内容到WORD的实现代码
Feb 16 Javascript
jquery让返回的内容显示在特定div里(代码少而精悍)
Jun 23 Javascript
node.js中的fs.lchmodSync方法使用说明
Dec 16 Javascript
js判断是否按下了Shift键的方法
Jan 27 Javascript
jQuery中dom元素上绑定的事件详解
Apr 24 Javascript
浅析jQuery Mobile的初始化事件
Dec 03 Javascript
Easyui在treegrid添加控件的实现方法
Jun 23 Javascript
浅谈Angular文字折叠展开组件的原理分析
Nov 24 Javascript
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
May 26 Javascript
用Cordova打包Vue项目的方法步骤
Feb 02 Javascript
移动端(微信等使用vConsole调试console的方法
Mar 05 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 远程文件管理,可以给表格排序,遍历目录,时间排序
2009/08/07 PHP
PHP常用代码大全(新手入门必备)
2010/06/29 PHP
PHP实现动态柱状图改进版
2015/03/30 PHP
PHP利用正则表达式将相对路径转成绝对路径的方法示例
2017/02/28 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
重定向实现代码
2006/11/20 Javascript
基于JQuery的6个Tab选项卡插件
2010/09/03 Javascript
处理文本部分内容的TextRange对象应用实例
2014/07/29 Javascript
取得元素的左和上偏移量的方法
2014/09/17 Javascript
TypeScript具有的几个不同特质
2015/04/07 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
vuex的使用及持久化state的方式详解
2018/01/23 Javascript
angular2中使用第三方js库的实例
2018/02/26 Javascript
JS实现字体背景跑马灯
2020/01/06 Javascript
详解vue3.0 diff算法的使用(超详细)
2020/07/01 Javascript
Python通过websocket与js客户端通信示例分析
2014/06/25 Python
python中zip和unzip数据的方法
2015/05/27 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
详解python持久化文件读写
2019/04/06 Python
pytorch读取图像数据转成opencv格式实例
2020/06/02 Python
澳大利亚首屈一指的鞋类品牌:Tony Bianco
2018/03/13 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
Vivo俄罗斯官方在线商店:中国智能手机品牌
2019/10/04 全球购物
东南亚冒险旅行与活动:Adventoro
2019/10/16 全球购物
毕业生找工作推荐信
2013/11/21 职场文书
银行求职信个人范文
2013/12/16 职场文书
技校毕业生的自我评价
2013/12/27 职场文书
全陪导游欢迎词
2014/01/17 职场文书
分家协议书
2014/04/21 职场文书
正风肃纪查摆剖析材料
2014/10/10 职场文书
2014年管理人员工作总结
2014/12/01 职场文书
2015年个人现实表现材料
2014/12/10 职场文书
七年级地理教学计划
2015/01/22 职场文书
2015大学生党员自我评价范文
2015/03/03 职场文书
2016年中学端午节主题活动总结
2016/04/01 职场文书