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知识点收藏
Feb 22 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
May 30 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
Oct 11 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
ExtJS4如何给同一个formpanel不同的url
May 02 Javascript
Js与Jq 获取页面元素值的方法和差异对比
Apr 30 Javascript
js查看一个函数的执行时间实例代码
Sep 12 Javascript
利用JQuery阻止事件冒泡
Dec 01 Javascript
详解axios在node.js中的post使用
Apr 27 Javascript
es6在react中的应用代码解析
Nov 08 Javascript
浅谈 vue 中的 watcher
Dec 04 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
Aug 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
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
php计算两个坐标(经度,纬度)之间距离的方法
2015/04/17 PHP
变量在 PHP7 内部的实现(二)
2015/12/21 PHP
PHP+apc+ajax实现的ajax_upload上传进度条代码
2016/01/25 PHP
利用php生成验证码
2017/02/23 PHP
laravel 使用auth编写登录的方法
2019/09/30 PHP
jquery api参考 visualjquery 中国线路 速度快
2007/11/30 Javascript
js中setTimeout()与clearTimeout()用法实例浅析
2015/05/12 Javascript
JavaScript多图片上传案例
2015/09/28 Javascript
动手写一个angular版本的Message组件的方法
2017/12/16 Javascript
详解在create-react-app使用less与antd按需加载
2018/12/06 Javascript
vue实现分页组件
2020/06/16 Javascript
动态创建类实例代码
2009/10/07 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
python编写暴力破解zip文档程序的实例讲解
2018/04/24 Python
Python实现聊天机器人的示例代码
2018/07/09 Python
python图片二值化提高识别率代码实例
2019/08/24 Python
python针对mysql数据库的连接、查询、更新、删除操作示例
2019/09/11 Python
tensorflow使用range_input_producer多线程读取数据实例
2020/01/20 Python
Python request post上传文件常见要点
2020/11/20 Python
英国豪华真皮和布艺沙发销售网站:Darlings of Chelsea
2018/01/05 全球购物
家乐福台湾线上购物网:Carrefour台湾
2020/09/15 全球购物
设计师大码女装:11 Honoré
2020/05/03 全球购物
数控机械专业个人的自我评价
2014/01/02 职场文书
总经理岗位职责范本
2014/02/02 职场文书
车间主任岗位职责
2014/03/16 职场文书
年终总结会议主持词
2014/03/17 职场文书
初中三好学生自我鉴定
2014/04/07 职场文书
计算机毕业生求职信
2014/06/10 职场文书
毕业生找工作自荐书
2014/06/30 职场文书
勿忘国耻9.18演讲稿(经典篇)
2014/09/14 职场文书
廉政承诺书
2015/01/19 职场文书
慈善献爱心倡议书
2015/04/27 职场文书
消费者投诉书范文
2015/07/02 职场文书
人为什么会“幸灾乐祸”?
2019/08/06 职场文书
八年级地理课件资料及考点知识分享
2019/08/30 职场文书