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 时间比较实现代码
Oct 28 Javascript
JS删除数组元素的函数介绍
Mar 27 Javascript
jquery中JSON的解析方式
Mar 16 Javascript
jQuery实现TAB选项卡切换特效简单演示
Mar 04 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
Aug 15 Javascript
require、backbone等重构手机图片查看器
Nov 17 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
Aug 24 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
Nov 08 Javascript
vue实现在v-html的html字符串中绑定事件
Oct 28 Javascript
JavaScript 生成唯一ID的几种方式
Feb 19 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
php正则校验用户名介绍
2008/07/19 PHP
php 删除cookie和浏览器重定向
2009/03/16 PHP
献给php初学者(入门学习经验谈)
2010/10/12 PHP
单点登录 Ucenter示例分析
2013/10/29 PHP
PHP动态输出JavaScript代码实例
2015/02/12 PHP
php生成圆角图片的方法
2015/04/07 PHP
详解Window7 下开发php扩展
2015/12/31 PHP
PHP如何通过表单直接提交大文件详解
2019/01/08 PHP
解决在laravel中auth建立时候遇到的问题
2019/10/15 PHP
jquery创建一个ajax关键词数据搜索实现思路
2013/02/26 Javascript
js实现跟随鼠标移动且带关闭功能的图片广告实例
2015/02/26 Javascript
jquery控制表单输入框显示默认值的方法
2015/05/22 Javascript
JavaScript常用本地对象小结
2016/03/28 Javascript
第一篇初识bootstrap
2016/06/21 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
AngularJs 最新验证手机号码的实例,成功测试通过
2017/11/26 Javascript
解决Vue2.x父组件与子组件之间的双向绑定问题
2018/03/06 Javascript
Python完全新手教程
2007/02/08 Python
Python random模块常用方法
2014/11/03 Python
用Python实现大文本文件切割的方法
2019/01/12 Python
Python学习笔记之错误和异常及访问错误消息详解
2019/08/08 Python
解决pandas展示数据输出时列名不能对齐的问题
2019/11/18 Python
Python算法的时间复杂度和空间复杂度(实例解析)
2019/11/19 Python
Python有参函数使用代码实例
2020/01/06 Python
keras中的loss、optimizer、metrics用法
2020/06/15 Python
CSS3弹性盒模型开发笔记(三)
2016/04/26 HTML / CSS
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
国际象棋商店:The Chess Store
2018/07/09 全球购物
英国空调、除湿机和通风设备排名第一:Air Con Centre
2019/02/25 全球购物
家佳咖啡店创业计划书
2013/12/27 职场文书
商务日语专业毕业生自荐信
2014/03/27 职场文书
敬业奉献模范事迹材料
2014/12/24 职场文书
离职证明范本
2015/06/12 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
python办公自动化之excel的操作
2021/05/23 Python
Redis实现分布式锁的五种方法详解
2022/06/14 Redis