写点什么

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:007199

评论

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

智能问答技术在百度搜索中的应用

百度Geek说

百度搜索 智能问答 企业号10月PK榜

限时领票|走进 2023 · 云栖大会,看大咖对话开源

Apache Flink

大数据 flink 实时计算

AIGC加速迭代,云栖大会视频云「媒体服务」专场与你共话云智深度融合

阿里云CloudImagine

云计算 视频云 云栖大会

Tampermonkey for Mac(油猴Safari浏览器插件)

展初云

Mac 油猴 Tampermonkey

硬件、数据、模型优化与分布式训练的实践

百度开发者中心

大模型 LLM LLMOps

厦门理工计算机与信息工程学院获“火焰杯”软件测试赛全国奖项

测试人

软件测试

深度学习预训练模型的突破与发展

百度开发者中心

模型训练 大模型 深度学习‘’ LLM

大模型与Prompt模板全面升级

百度开发者中心

深度学习 大模型 LLM

焕新升级!新一代云原生可观测平台

华为云开发者联盟

云原生 后端 华为云 华为云开发者联盟 华为云CCE容器服

矢量图形编辑软件 Illustrator 2023 for mac(ai2023) v27.9密钥激活版

mac

Illustrator ai2023 苹果mac Windows软件 矢量图形编辑软件

Mac键盘热键工具 Keyboard Maestro最新激活版

mac大玩家j

Mac软件 键盘管理工具

详解GuassDB数据库权限命令:GRANT和REVOKE

华为云开发者联盟

数据库 后端 华为云 华为云开发者联盟

Mac版本的Java开发工具 IntelliJ IDEA 2023+注册码

展初云

Java Mac IntelliJ IDEA

DataGrip for Mac(数据库管理工具) 2023.2.3+注册码

展初云

Mac datagrip 数据库管理

火山引擎DataLeap背后的支持者 - 工作流编排调度系统FlowX

字节跳动数据平台

大数据 数据中台 数据安全 数据研发 企业号10月PK榜

携程商旅发布“全球影响力计划”

携程商旅

VMware Workstation 17安装教程之轻松构建虚拟机

小齐写代码

从图像生成到分类的深度学习策略

百度开发者中心

人工智能 深度学习 大模型 图像生成

建立性能基线的实践方法

老张

性能测试 性能基线

带着问题去分析:Spring Bean 生命周期 | 京东物流技术团队

京东科技开发者

spring 生命周期 @Bean 企业号10月PK榜

LeetCode题解:剑指 Offer 39. 数组中出现次数超过一半的数字,摩尔投票,JavaScript,详细注释

Lee Chen

JavaScript LeetCode

OmniGraffle Pro for Mac 图表绘制工具 附 注册机

彩云

OmniGraffle Pro

KaiwuDB 荣获“2023 IDC 中国可持续发展先锋案例”

KaiwuDB

2023 云栖大会 | 「动手实践」基于阿里云构建博学谷平台实时湖仓

Apache Flink

大数据 flink 实时计算

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