BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Angular CLI 帮助开发者快速创建Angular 2项目和组件

| 作者 David Iffland 关注 4 他的粉丝 ,译者 宋秉金 关注 0 他的粉丝 发布于 2016年5月20日. 估计阅读时间: 3 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

在 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)关注我们。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT