Angular CLI 帮助开发者快速创建Angular 2项目和组件
在 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上观看。
查看英文原文： Angular CLI Helps Spin Up Angular 2 Projects and Components
感谢张龙对本文的审校。
给InfoQ中文站投稿或者参与内容翻译工作，请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博（@InfoQ，@丁晓昀），微信（微信号： InfoQChina ）关注我们。
正文到此结束
热门推荐
相关文章
近期评论
-
文章和留言都翻到11页了 没有OOM
-
-
朋友，翻页到11页，及以后，会出现OOM，无法访问
-
-
搞个gitee的项目
-
-
版本号是多少，你可以下载哪个代码仓库，jdk选1.8 直接跑就行
-
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
