Angular2 环境配置详细介绍


Posted in Javascript onSeptember 21, 2016

看到angular发布正式版,心动不已准备测试下。

看着官网教程,使用了cli创建项目,在命令行中键入:

安装cli

npm install -g angular-cli

如果安装过以前的版本,请执行以下命令,进行更新:

npm uninstall -g angular-cli
npm cache clean
npm install -g angular-cli@latest

旧版本的cli使用的是SystemJS而最新的创建,是基于webpack构建。

旧版本的angular2(rc1-rc6)可以查看更新步骤

在这里有意思的是,笔者卸载angular-cli后,在安装时出现了Build failed的错误最终找到原因是卸载没有卸载干净。去全局目录中删除相关的ng文件。

常用ng命令

ng new project-name - 创建一个新项目,置为默认设置
ng build - 构建/编译应用
ng test - 运行单元测试
ng e2e - 运行端到端(end-to-end)测试
ng serve - 启动一个小型web服务器,用于托管应用
ng deploy - 即开即用,部署到Github Pages或者Firebase
ng generate component my-comp - 生成一个新组件,同时生成其测试规格和相应的HTML/CSS文件
ng generate directive my-directive - 生成一个新指令
ng generate pipe my-pipe - 生成一个新管道
ng generate service my-service - 生成一个新服务
ng generate route my-route - 生成一个新路由
ng generate class my-class - 生成一个简易的模型类

创建项目

使用 ng new project-name 创建项目,创建完成后由于需要在下一些nodejs模块,耐心等待一段时间。

警告错误

在使用wing中,遇到一个问题,类一直被警告。 看提示需要设置 “experimentalDecorators”属性。 最终修改两处解决问题。

tsconfig.json 中添加 :

    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,

setting.json 中添加:

    "typescript.tsdk": "node_modules\\typescript\\lib"

以上就是对Angular2 的环境配置做的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

Javascript 相关文章推荐
alixixi runcode.asp的代码不错的应用
Aug 08 Javascript
js对象的比较
Feb 26 Javascript
探究Javascript模板引擎mustache.js使用方法
Jan 26 Javascript
javascript实现粘贴qq截图功能(clipboardData)
May 29 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
Dec 22 Javascript
原生js轮播(仿慕课网)
Feb 15 Javascript
详解vue-router基本使用
Apr 18 Javascript
JS求Number类型数组中最大元素方法
Apr 08 Javascript
electron中使用bootstrap的示例代码
Nov 06 Javascript
JavaScript之实现一个简单的Vue示例
Jan 17 Javascript
浅析Vue下的components模板使用及应用
Nov 27 Javascript
如何搭建一个完整的Vue3.0+ts的项目步骤
Oct 18 Javascript
JS实现鼠标滑过显示边框的菜单效果
Sep 21 #Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 #Javascript
详解AngularJs中$resource和restfu服务端数据交互
Sep 21 #Javascript
AngularJS通过$http和服务器通信详解
Sep 21 #Javascript
JavaScript 拖拽实例代码
Sep 21 #Javascript
Angularjs中controller的三种写法分享
Sep 21 #Javascript
jQuery中Find选择器用法示例
Sep 21 #Javascript
You might like
一条久听不愿放下的DIY森海MX500,三言两语话神奇
2021/03/02 无线电
php学习之 数组声明
2011/06/09 PHP
PHP CodeBase:将时间显示为"刚刚""n分钟/小时前"的方法详解
2013/06/06 PHP
详解WordPress中调用评论模板和循环输出评论的PHP函数
2016/01/05 PHP
PHP5.3连接Oracle客户端及PDO_OCI模块的安装方法
2016/05/13 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
CI框架附属类用法分析
2018/12/26 PHP
代码生成器 document.write()
2007/04/15 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
2015/02/02 Javascript
Angularjs中使用Filters详解
2016/03/11 Javascript
vue制作加载更多功能的正确打开方式
2016/10/12 Javascript
js实现带简单弹性运动的导航条
2017/02/22 Javascript
微信小程序日历组件calendar详解及实例
2017/06/08 Javascript
对vue事件的延迟执行实例讲解
2018/08/28 Javascript
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
Vue Render函数原理及代码实例解析
2020/07/30 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
Python3 加密(hashlib和hmac)模块的实现
2017/11/23 Python
Python request设置HTTPS代理代码解析
2018/02/12 Python
python实现一个简单的udp通信的示例代码
2019/02/01 Python
python2和python3应该学哪个(python3.6与python3.7的选择)
2019/10/01 Python
python栈的基本定义与使用方法示例【初始化、赋值、入栈、出栈等】
2019/10/24 Python
python实现图片二值化及灰度处理方式
2019/12/07 Python
python 图像的离散傅立叶变换实例
2020/01/02 Python
Python 一行代码能实现丧心病狂的功能
2020/01/18 Python
django执行数据库查询之后实现返回的结果集转json
2020/03/31 Python
python自动脚本的pyautogui入门学习
2020/04/01 Python
如何基于线程池提升request模块效率
2020/04/18 Python
使用pth文件添加Python环境变量方式
2020/05/26 Python
Django def clean()函数对表单中的数据进行验证操作
2020/07/09 Python
3D动画《斗罗大陆》上线当日播放过亿
2021/03/16 国漫
NBA德国官方网上商店:NBA Store德国
2018/04/13 全球购物
公立医院改革实施方案
2014/03/14 职场文书
学校法制宣传日活动总结
2014/11/01 职场文书
SpringBoot集成Redis,并自定义对象序列化操作
2021/06/22 Java/Android