在 ng-conf 2016的一场演讲中,Mike Brocchi向开发者详细展示了 Angular CLI(全称Command Line Interface)及其功能。他说,在自己采访过的开发者中,有26%的人称 Angular 2 环境设置是一大入门门槛,有22%的人说环境设置太过复杂。Angular CLI的诞生,正是为了解决这个问题。
为了降低创建项目所需的时间,Angular CLI提供了许多特性让开发者“快速上手”:
- ng new project-name - 创建一个新项目,置为默认设置
- ng build - 构建/编译应用
- ng test - 运行单元测试
- ng e2e - 运行端到端(end-to-end)测试
- ng serve - 启动一个小型web服务器,用于托管应用
- ng deploy - 即开即用,部署到Github Pages或者Firebase
执行这些步骤所需要的全部设置,都由CLI工具来完成。
除了设置一个新应用之外,该工具还支持开发者运行命令,构建应用的组成部分,如组件(Component)和路由(Route)。
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 - 生成一个简易的模型类
对于每个生成命令,所产生的文件会根据官方Angular样式指南的规定,放置在正确的位置。
可惜的是,这个工具只适用于Angular 2,不适用于1.x版本。该工具现在处于Beta阶段,开发团队希望将来添加离线模板编译、延迟加载路由和可扩展性。
这个工具背后的创意并不新。在Angular的世界,Platypi框架使用一个叫做PlatypusCLI的命令行工具,来创建应用组件,如模型和服务。非Angular的项目Ember也有着自己的Ember CLI,协助开发者完成诸如运行测试、编译资源等任务。
Brocchi演讲的完整视频可在YouTube上观看。
一些AngularJS相关文章链接:
AngularJS权威教程 清晰PDF版 http://www.linuxidc.com/Linux/2015-01/111429.htm
希望你喜欢,并分享我的工作~带你走近AngularJS系列:
- 带你走近AngularJS - 基本功能介绍 http://www.linuxidc.com/Linux/2014-05/102140.htm
- 带你走近AngularJS - 体验指令实例 http://www.linuxidc.com/Linux/2014-05/102141.htm
- 带你走近AngularJS - 创建自定义指令 http://www.linuxidc.com/Linux/2014-05/102142.htm
如何在 AngularJS 中对控制器进行单元测试 http://www.linuxidc.com/Linux/2013-12/94166.htm
在 AngularJS 应用中通过 JSON 文件来设置状态 http://www.linuxidc.com/Linux/2014-07/104083.htm
AngularJS 之 Factory vs Service vs Provider http://www.linuxidc.com/Linux/2014-05/101475.htm
AngularJS —— 使用 ngResource、RESTful APIs 和 Spring MVC 框架提交数据 http://www.linuxidc.com/Linux/2014-07/104402.htm
AngularJS 的详细介绍:请点这里
AngularJS 的下载地址:请点这里
查看英文原文:Angular CLI Helps Spin Up Angular 2 Projects and Components
本文永久更新链接地址:http://www.linuxidc.com/Linux/2016-05/131575.htm