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简单的拖动效果实现原理及示例
Jul 26 Javascript
浅析JavaScript中的类型和对象
Nov 29 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
Jun 21 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
vue.js移动端app实战1:初始配置详解
Jul 24 Javascript
JS实现的简单四则运算计算器功能示例
Sep 27 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
Jul 07 Javascript
React SSR样式及SEO的实践
Oct 22 Javascript
atom-design(Vue.js移动端组件库)手势组件使用教程
May 16 Javascript
vue路由中前进后退的一些事儿
May 18 Javascript
vue+elementui 实现新增和修改共用一个弹框的完整代码
Jun 08 Vue.js
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调用mysql数据 dbclass类
2011/05/07 PHP
PHP获取时间排除周六、周日的两个方法
2014/06/30 PHP
PHP定时任务延缓执行的实现
2014/10/08 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
[原创]PHP正则删除html代码中a标签并保留标签内容的方法
2017/05/23 PHP
thinkphp查询,3.X 5.0方法(亲试可行)
2017/06/17 PHP
php中使用array_filter()函数过滤数组实例讲解
2021/03/03 PHP
基于Jquery的跨域传输数据(JSONP)
2011/03/10 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
2015/11/17 Javascript
jquery实现文本框的禁用和启用
2016/12/07 Javascript
javascript 中关于array的常用方法详解
2017/05/05 Javascript
深入理解vue-loader如何使用
2017/06/06 Javascript
JavaScript实现的仿新浪微博原生态输入字数即时检查功能【兼容IE6】
2017/09/26 Javascript
vue解决使用webpack打包后keep-alive不生效的方法
2018/09/01 Javascript
微信小程序之导航滑块视图容器功能的实现代码(简单两步)
2020/06/19 Javascript
python实现通过shelve修改对象实例
2014/09/26 Python
python制作花瓣网美女图片爬虫
2015/10/28 Python
python:socket传输大文件示例
2017/01/18 Python
Python内存管理方式和垃圾回收算法解析
2017/11/11 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
解决pycharm运行时interpreter为空的问题
2018/10/29 Python
python实时获取外部程序输出结果的方法
2019/01/12 Python
Python从入门到精通之环境搭建教程图解
2019/09/26 Python
浅谈opencv自动光学检测、目标分割和检测(连通区域和findContours)
2020/06/04 Python
Python实现手绘图效果实例分享
2020/07/22 Python
使用css3匹配手机屏幕横竖状态
2014/01/27 HTML / CSS
彪马日本官网:PUMA日本
2019/01/31 全球购物
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
linux面试题参考答案(10)
2016/10/26 面试题
简历中自我评价范文3则
2013/12/14 职场文书
学校食堂食品安全责任书
2014/07/28 职场文书
贷款委托书怎么写
2014/08/02 职场文书
九华山导游词
2015/02/03 职场文书
考试后的感想
2015/08/07 职场文书