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 相关文章推荐
jQuery中ajax的使用与缓存问题的解决方法
Dec 19 Javascript
js 调用百度地图api并在地图上进行打点添加标注
May 13 Javascript
javascript日期处理函数,性能优化批处理
Sep 06 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
Dec 18 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
微信小程序中使用Promise进行异步流程处理的实例详解
Aug 17 Javascript
webpack 模块热替换原理
Apr 09 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 Javascript
JavaScript继承与多继承实例分析
May 26 Javascript
如何解决webpack-dev-server代理常切换问题
Jan 09 Javascript
vuex实现购物车功能
Jun 28 Javascript
一起来看看Vue的核心原理剖析
Mar 24 Vue.js
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
PHP下escape解码函数的实现方法
2010/08/08 PHP
解密ThinkPHP3.1.2版本之独立分组功能应用
2014/06/19 PHP
JS实现定时页面弹出类似QQ新闻的提示框
2013/11/07 Javascript
javascript实现英文首字母大写
2015/04/23 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
BootStrap CSS全局样式和表格样式源码解析
2017/01/20 Javascript
nodejs开发——express路由与中间件
2017/03/24 NodeJs
VUE中v-model和v-for指令详解
2017/06/23 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
2017/09/07 Javascript
js截取字符串功能的实现方法
2017/09/27 Javascript
vue路由嵌套的SPA实现步骤
2017/11/06 Javascript
浅析JavaScript中的特殊数据类型
2017/12/15 Javascript
jquery+ajaxform+springboot控件实现数据更新功能
2018/01/22 jQuery
Vue render函数实战之实现tabs选项卡组件
2019/04/22 Javascript
Element-ui DatePicker显示周数的方法示例
2019/07/19 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
js实现图片上传即时显示效果
2019/09/30 Javascript
用Golang运行JavaScript的实现示例
2019/11/25 Javascript
Vue的Options用法说明
2020/08/14 Javascript
python实现Decorator模式实例代码
2018/02/09 Python
Python实现通过解析域名获取ip地址的方法分析
2019/05/17 Python
Python Django 添加首页尾页上一页下一页代码实例
2019/08/21 Python
Python Process多进程实现过程
2019/10/22 Python
基于python及pytorch中乘法的使用详解
2019/12/27 Python
python将音频进行变速的操作方法
2020/04/08 Python
Python读取Excel数据并生成图表过程解析
2020/06/18 Python
如何让python的运行速度得到提升
2020/07/08 Python
英国领先的瓷砖专家:Walls and Floors
2018/04/27 全球购物
一套VC试题
2015/01/23 面试题
研究生自我鉴定范文
2013/10/30 职场文书
业务部主管岗位职责
2014/01/29 职场文书
公司承诺书范文
2014/05/19 职场文书
个人对照检查剖析材料
2014/10/13 职场文书
李白故里导游词
2015/02/12 职场文书
CSS3 制作的悬停缩放特效
2021/04/13 HTML / CSS
十大公认最好看的动漫:《咒术回战》在榜,《钢之炼金术师》第一
2022/03/18 日漫