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常用运算符(Operators)-javascript基础教程
Dec 14 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 Javascript
Jquery对select的增、删、改、查操作
Feb 06 Javascript
javascript中json基础知识详解
Jan 19 Javascript
微信小程序 Nginx环境配置详细介绍
Feb 14 Javascript
基于JS递归函数细化认识及实用实例(推荐)
Aug 07 Javascript
Vue.js实现输入框绑定的实例代码
Aug 24 Javascript
vue组件编写之todolist组件实例详解
Jan 22 Javascript
JS实现的JSON数组去重算法示例
Apr 11 Javascript
Vue自定义指令封装节流函数的方法示例
Jul 09 Javascript
Nuxt项目支持eslint+pritter+typescript的实现
May 20 Javascript
JS正则表达式常见函数与用法小结
Apr 13 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删除目录及目录下所有文件的方法详解
2013/06/06 PHP
浅谈php冒泡排序
2014/12/30 PHP
php使用strip_tags()去除html标签仍有空白的解决方法
2016/07/28 PHP
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
2013/04/02 Javascript
JavaScript排序算法之希尔排序的2个实例
2014/04/04 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
js获取图片宽高的方法
2015/11/25 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
浅谈jquery设置和获得checkbox选中的问题
2016/08/19 Javascript
移动端脚本框架Hammer.js
2016/12/15 Javascript
Jqprint实现页面打印
2017/01/06 Javascript
nodeJS微信分享
2017/12/20 NodeJs
Vue项目全局配置微信分享思路详解
2018/05/04 Javascript
vue生命周期与钩子函数简单示例
2019/03/13 Javascript
vue实现表格过滤功能
2019/09/27 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
解决Vue + Echarts 使用markLine标线(precision精度问题)
2020/07/20 Javascript
详解vue3中组件的非兼容变更
2021/03/03 Vue.js
Python def函数的定义、使用及参数传递实现代码
2014/08/10 Python
Python简单实现安全开关文件的两种方式
2016/09/19 Python
python ddt实现数据驱动
2018/03/14 Python
python3判断url链接是否为404的方法
2018/08/10 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
python字符串判断密码强弱
2020/03/18 Python
python argparse传入布尔参数false不生效的解决
2020/04/20 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
HTML5 3D书本翻页动画的实现示例
2019/08/28 HTML / CSS
阿迪达斯丹麦官网:adidas丹麦
2016/10/01 全球购物
YOOX台湾:意大利奢侈品电商
2018/10/13 全球购物
动物学专业毕业生求职信
2013/10/11 职场文书
运动会广播稿150字
2014/02/19 职场文书
民警群众路线教育实践活动对照检查材料
2014/10/04 职场文书
保管员岗位职责
2015/02/14 职场文书
质量承诺书格式范文
2015/04/28 职场文书
船舶调度指挥系统——助力智慧海事
2022/02/18 无线电