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 相关文章推荐
javascript 主动派发事件总结
Aug 09 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
May 19 Javascript
GRID拖拽行的实例代码
Jul 18 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 Javascript
推荐25个超炫的jQuery网格插件
Nov 28 Javascript
基于javascript实现图片左右切换效果
Jan 25 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
JavaScript键盘事件常见用法实例分析
Jan 03 Javascript
详解jenkins自动化部署vue
May 14 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
Vue.js实现立体计算器
Feb 22 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
无线电广播与收音机发展的历史回眸
2021/03/02 无线电
Php+SqlServer实现分页显示
2006/10/09 PHP
Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法
2010/12/29 PHP
非常精妙的PHP递归调用与静态变量使用
2012/12/16 PHP
PHP生成及获取JSON文件的方法
2016/08/23 PHP
PHP simplexml_load_string()函数实例讲解
2019/02/03 PHP
基于jquery的气泡提示效果
2010/05/31 Javascript
js Map List 遍历使用示例
2013/07/10 Javascript
JS增加行复制行删除行的实现代码
2013/11/09 Javascript
jQuery 取值、赋值的基本方法整理
2014/03/31 Javascript
DOM基础教程之使用DOM控制表单
2015/01/20 Javascript
jQuery调用ajax请求的常见方法汇总
2015/03/24 Javascript
对于jQuery性能的一些优化建议
2015/08/13 Javascript
火狐和ie下获取javascript 获取event的方法(推荐)
2016/11/26 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
2017/04/11 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
2017/05/13 jQuery
Vue动态获取width的方法
2018/08/22 Javascript
nodejs读取本地中文json文件出现乱码解决方法
2018/10/10 NodeJs
react用Redux中央仓库实现一个todolist
2019/09/29 Javascript
JavaScript实现省市联动效果
2019/11/22 Javascript
对Python的Django框架中的项目进行单元测试的方法
2016/04/11 Python
python使用phoenixdb操作hbase的方法示例
2019/02/28 Python
Django实现whoosh搜索引擎使用jieba分词
2020/04/08 Python
pandas抽取行列数据的几种方法
2020/12/13 Python
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
浅析HTML5:'data-'属性的作用
2018/01/23 HTML / CSS
Made in Design意大利:现代家具、名家灯具和装饰
2020/10/27 全球购物
毕业设计计划书
2014/01/09 职场文书
学年末自我鉴定
2014/01/21 职场文书
煤矿班组长竞聘书
2014/03/31 职场文书
社团活动总结范文
2014/04/26 职场文书
致800米运动员广播稿(10篇)
2014/10/17 职场文书
2015年度党员自我评价范文
2015/03/03 职场文书
学校教学管理制度
2015/08/06 职场文书
如何拟写通知正文?
2019/04/02 职场文书
vue-element-admin项目导入和导出的实现
2021/05/21 Vue.js