写点什么

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

  • 2016-05-19
  • 本文字数:892 字

    阅读完需:约 3 分钟

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

2016-05-19 19:007218

评论

发布
暂无评论
发现更多内容

一文读懂云原生 go-zero 微服务框架

晨雨听风

GitHub Web Go 语言

JAVA语言基础(五)--数组

加百利

Java 后端 6月日更

OpenKruise :SidecarSet 助力 Mesh 容器热升级

阿里巴巴云原生

容器 云原生

Python——嵌套

在即

6月日更

RDMA打造存储利器

焱融科技

文件 高性能 数据中心 分布式存储

推理综艺的正确打开方式!爱奇艺玩转智能技术,“互动+内容”引爆迷综季

爱奇艺技术产品团队

618技术特辑(四)疯狂剁手的同时,电商隐私安全你注意到了吗?

华为云开发者联盟

电商 数据安全 云安全 618 隐私安全

架构训练营模块 6 作业 - 江哲

江哲

cpu突然变高定位步骤

hasWhere

干货|车来了APM应用性能体验实践

APM App 稳定性 APP稳定性

bzz节点挖矿分发系统开发案例

薇電13242772558

区块链

好的目标管理:SMART原则

石云升

创业 职场经验 管理经验 6月日更

AI 转型必看|算法工程师的 AI 启示录

百度大脑

人工智能

技术干货 | Windows桌面端录屏采集实现教程

ZEGO即构

RTC 录屏采集

【架构师训练营】电商业务微服务拆分设计

eoeoeo

物联网发展,行业新领域

anyRTC开发者

音视频 WebRTC 智能硬件 智能安防 实时通讯

618技术特辑(三)直播带货王,“OMG买它”的背后,为什么是一连串技术挑战?

华为云开发者联盟

CDN 直播 618 低时延 视频直播

Flink State 和 Fault Tolerance(二)

Alex🐒

flink 翻译 flink1.13

Cilium 首次集成国内云服务,阿里云 ENI 被纳入新版本特性

阿里巴巴云原生

容器 云原生

Flink+Hologres助力伊的家电商平台建设新一代实时数仓

Apache Flink

flink

华云大咖说 | 华云数据与福昕鲲鹏携手共建国产云生态

华云数据

性能排查常用Linux命令

hasWhere

IDEA搭建DCM4CHEE开发环境

birdbro

intellij-idea 医学影像 DICOM PACS DCM4CHE

开发效率提升50%以上,爱奇艺官网主站的Nuxt实践

爱奇艺技术产品团队

大前端 开发 nuxt

云图说|数据仓库服务 GaussDB(DWS) 的“千里眼、顺风耳”—数据库智能运维

华为云开发者联盟

数据库 数据仓库 GaussDB(DWS) 云图说 数据仓库服务

标准物模型:设备无缝对接,IOT界的福音

华为云开发者联盟

物联网 IoT 物模型 标准物模型 IoT Stage

超全Redis命令总结,墙裂建议收藏,说不定就用上了呢

北游学Java

Java redis

Java性能问题定位命令

hasWhere

Windows Core Audio 音频开发技术指南

拍乐云Pano

Java版本发布历史

hasWhere

中国信通院云大所与dbaplus社群开启战略合作,共同推动多项标准落地

dbaplus社群

Angular CLI 帮助开发者快速创建Angular 2项目和组件_JavaScript_David Iffland_InfoQ精选文章