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 绑定事件时传递参数的实现方法
Oct 13 Javascript
js获取控件位置以及不同浏览器中的差别介绍
Aug 08 Javascript
判断js对象是否拥有某一个属性的js代码
Aug 16 Javascript
jquery实现聚光灯效果的方法
Feb 06 Javascript
js实现异步循环实现代码
Feb 16 Javascript
老司机带你解读jQuery插件开发流程
May 16 Javascript
微信小程序 教程之注册页面
Oct 17 Javascript
详解JS获取HTML DOM元素的8种方法
Jun 17 Javascript
electron demo项目npm install安装失败的解决方法
Feb 06 Javascript
Vue 实现列表动态添加和删除的两种方法小结
Sep 07 Javascript
浅析Vue.js 中的条件渲染指令
Nov 19 Javascript
JS数组方法shift()、unshift()用法实例分析
Jan 18 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
MacOS 安装 PHP的图片裁剪扩展Tclip
2015/03/25 PHP
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
javascript 常用关键字列表集合
2007/12/04 Javascript
用JavaScript对JSON进行模式匹配(Part 1-设计)
2010/07/17 Javascript
javascript 在firebug调试时用console.log的方法
2012/05/10 Javascript
让低版本浏览器支持input的placeholder属性(js方法)
2013/04/03 Javascript
javascript中的delete使用详解
2013/04/11 Javascript
JS日期和时间选择控件升级版(自写)
2013/08/02 Javascript
JsRender for object语法简介
2014/10/31 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
无循环 JavaScript(map、reduce、filter和find)
2017/04/08 Javascript
JavaScript之Date_动力节点Java学院整理
2017/06/28 Javascript
vue2.0 + element UI 中 el-table 数据导出Excel的方法
2018/03/02 Javascript
vue中引入第三方字体文件的方法示例
2018/12/17 Javascript
微信小程序实现图片上传
2019/05/23 Javascript
vue监听键盘事件的相关总结
2021/01/29 Vue.js
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
python将一组数分成每3个一组的实例
2018/11/14 Python
python小程序实现刷票功能详解
2019/07/17 Python
浅谈Python的方法解析顺序(MRO)
2020/03/05 Python
Python request使用方法及问题总结
2020/04/26 Python
Python 的 __str__ 和 __repr__ 方法对比
2020/09/02 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
迪梵英国官方网站:Darphin英国
2017/12/06 全球购物
Farah官方网站:男士服装及配件
2019/11/01 全球购物
linux面试题参考答案(7)
2012/10/29 面试题
如何开启linux的ssh服务
2013/06/03 面试题
国培计划培训感言
2014/03/11 职场文书
全国文明单位申报材料
2014/05/31 职场文书
学校运动会广播稿100条
2014/09/14 职场文书
有关浪费资源的建议书
2015/09/14 职场文书
2016党性教育学习心得体会
2016/01/21 职场文书
创业不要错过,这4种餐饮新模式
2019/07/18 职场文书
导游词之无锡唐城
2019/12/12 职场文书
详解Java实现数据结构之并查集
2021/06/23 Java/Android