Angular2 环境配置详细介绍  更新时间:2016年09月21日 15:51:35   作者:新房客   这篇文章主要介绍了Angular2 环境配置的相关资料,需要的朋友可以参考下 看到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 的环境配置做的资料整理,后续继续补充相关资料,谢谢大家对本站的支持! 您可能感兴趣的文章: Angular2的管道Pipe的使用方法 浅谈Angular4中常用管道 Angular2内置指令NgFor和NgIf详解 Angular2从搭建环境到开发步骤详解 angular2使用简单介绍 Angular2平滑升级到Angular4的步骤详解 Angular2表单自定义验证器的实现 深入理解Angular2 模板语法 Angular2数据绑定详解 最棒的Angular2表格控件 Angular2管道Pipe及自定义管道格式数据用法实例分析 Angular2 环境配置 相关文章 Angular开发者指南之入门介绍 本篇文章主要介绍了Angular开发者指南的入门知识,具有很好的参考价值。下面跟着小编一起来看下吧 2017-03-03 AngularJS中的表单简单入门 本文主要介绍AngularJS 表单,这里对AngularJS 表单知识做了详细整理介绍,希望能帮助有需要的小伙伴 2016-07-07 AngularJS 实现按需异步加载实例代码 这篇文章主要介绍了AngularJS 实现按需异步加载实例代码的相关资料,需要的朋友可以参考下 2015-10-10 Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五) 这篇文章主要给大家介绍了关于Angular 4依赖注入之FactoryProvider配置依赖对象的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。 2017-06-06 Angular项目中$scope.$apply()方法的使用详解 这篇文章主要给大家介绍了关于Angular项目中$scope.$apply()方法使用的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Angularjs具有一定的参考学习价值,需要的朋友们下面跟着小编一起来看看吧。 2017-07-07 Angular环境搭建及简单体验小结 Angular基于TypeScript和react、vue相比 Angular更适合中大型企业级项目,本文通过实例代码给大家分享Angular环境搭建及简单体验,感兴趣的朋友跟随小编一起学习吧 2021-05-05 angularJS 中$scope方法使用指南 这篇文章主要介绍了angularJS 中$scope方法使用指南,需要的朋友可以参考下 2015-02-02 AngularJS ng-style中使用filter 这篇文章主要介绍了AngularJS ng-style中使用filter的相关资料,需要的朋友可以参考下 2016-09-09 解决AngualrJS页面刷新导致异常显示问题 本篇文章主要介绍了解决AngualrJS页面刷新导致异常显示问题的方法。具有很好的参考价值。下面跟着小编一起来看下吧 2017-04-04 AngularJS HTML编译器介绍 这篇文章主要介绍了AngularJS HTML编译器介绍,AngularJS的HTML编译器能让浏览器识别新的HTML语法。它能让你将行为关联到HTML元素或者属性上,甚至能让你创造具有自定义行为的新元素,需要的朋友可以参考下 2014-12-12 最新评论

看到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 的环境配置做的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

您可能感兴趣的文章:

  • Angular2的管道Pipe的使用方法
  • 浅谈Angular4中常用管道
  • Angular2内置指令NgFor和NgIf详解
  • Angular2从搭建环境到开发步骤详解
  • angular2使用简单介绍
  • Angular2平滑升级到Angular4的步骤详解
  • Angular2表单自定义验证器的实现
  • 深入理解Angular2 模板语法
  • Angular2数据绑定详解
  • 最棒的Angular2表格控件
  • Angular2管道Pipe及自定义管道格式数据用法实例分析
张贴在3