Angular CLI 是 Angular 客户端命令行工具,提供非常多的命令来简化 Angular 的开发。
本文总结了在实际项目中经常会用到的 Angular CLI 命令。

获取帮助(ng -h

ng -h等同于ng --help,跟所有的其他命令行一样,用于查看所有命令的一个帮助命令。执行该命令可以看到 Angular CLI 所有的命令:

>ng -h
Available Commands:add Adds support for an external library to your project.build (b) Compiles an Angular app into an output directory named dist/ at the given output path. Must be executed from within a workspace directory.config Retrieves or sets Angular configuration values.doc (d) Opens the official Angular documentation (angular.io) in a browser, and searches for a given keyword.e2e (e) Builds and serves an Angular app, then runs end-to-end tests using Protractor.generate (g) Generates and/or modifies files based on a schematic.help Lists available commands and their short descriptions.lint (l) Runs linting tools on Angular app code in a given project folder.new (n) Creates a new workspace and an initial Angular app.run Runs a custom target defined in your project.serve (s) Builds and serves your app, rebuilding on file changes.test (t) Runs unit tests in a project.update Updates your application and its dependencies. See https://update.angular.io/version (v) Outputs Angular CLI version.xi18n Extracts i18n messages from source code.For more detailed help run "ng [command name] --help"

创建应用

以下示例,创建一个名为“user-management”的 Angular 应用:

ng new user-management

创建组件

以下示例,创建一个名为 UsersComponent 的组件:

ng generate component users

创建服务

以下示例,创建一个名为 UserService 的服务:

ng generate service user

启动应用

执行:

ng serve --open

此时,应用就会自动在浏览器中打开。访问地址为 http://localhost:4200/。

升级依赖

目前,Angular 社区非常活跃,版本会经常更新。对 Angular 的版本做升级,只需简单一步执行:

ng update

如果是想把整个应用的依赖都升级,则执行:

ng update --all

自动化测试

Angular 支持自动化测试。Angular的测试,主要是基于Jasmine和Karma库来实现的。只需简单一步执行:

ng test

要生成覆盖率报告,运行下列命令:

ng test --code-coverage

下载依赖

光有 Angular 源码是否不足以将 Angular 启动起来的,需要先安装 Angular 应用所需要的依赖到本地。

在应用目录下执行:

npm install

参考引用

  • 更多有关 Angular 的内容,可以参阅《跟老卫学Angular》:https://github.com/waylau/angular-tutorial
  • 原文同步至:https://waylau.com/angular-cli-commands/

Angular CLI 常用命令相关推荐

  1. OF-DPA + ONL 的 CLI 常用命令笔记

    环境准备 白盒交换机硬件型号: Edgecore AS5710-54X ONL 版本号: ONL-master_ONL-OS_2018-11-23.0856-940ee2c OF-DPA版本号: of ...

  2. ng命令汇总:Angular CLI 使用教程指南参考

    Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装 要安装Ang ...

  3. Angular CLI 使用教程指南参考

    Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装 要安装Ang ...

  4. Windows 安装Angular CLI

    1.安装nvm npm cnpm nrm(onenote笔记上有记录) 参考:https://blog.csdn.net/tyro_java/article/details/51232458 提示:如 ...

  5. 如何在Windows上安装Angular:Angular CLI,Node.js和构建工具指南

    In this tutorial, we'll learn how to install Angular CLI in Windows and use it to create an Angular ...

  6. Angular CLI ng常用命令整理

    Angular CLI 的ng命令常用整理 当前对应版本:angular-cli:1.0.0    node:8.9.3   os:win32 x64 1.创建项目 ng new 命令 描述 ng n ...

  7. Angular14 Visual Studio Code作为Angular开发工具常用插件安装、json-server安装与使用、angular/cli安装失败问题、emmet安装...

    前提准备: 搭建好Angular开发环境 1 安装Visual Studio Code 教程简单,不会的去问度娘 2 安装Chrome浏览器 教程简单,不会的趣闻度娘 3 Visual Studio ...

  8. 使用Angular CLI从蓝本生成代码

    第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 这篇文章主要是讲生 ...

  9. mac的angular/cli安装及踩坑记录

    一.angular/cli的安装 step1:node+npm安装 首先使用node -v命令查看mac是否已安装node与npm(如已安装则跳过) node -v npm -v 安装Node.js ...

最新文章

  1. camera摄像原理之三:色温和自动白平衡【转】
  2. Java中 EvenQueue.invokeLater用法
  3. python安装包多大-如何查看安装的pip包大小?
  4. java 统计图 mysql_java实现各种数据统计图(转)
  5. 计算机专业大学生每天睡多久,大学生睡眠时间最少的10个专业!是你的专业吗?...
  6. Python接口自动化之requests请求封装
  7. 自动驾驶——SimpleNet的学习笔记
  8. 我对hibernate的对象的3种状态的理解
  9. 感受MapXtreme2004之二
  10. springboot测试类无法注入bean
  11. 华丽的Flutter的demo----新闻阅读+音乐+短视频+小说
  12. java 多次正则匹配_Java正则多次匹配和多次组匹配
  13. 腾讯地图 周边 poi 搜索及参数配置
  14. 实现一个操作系统系列2-《操作系统真象还原》BIOS启动
  15. 10 个不错 Web3 设计灵感网站
  16. macbook打印出现乱码解决方案
  17. 表单元素盘点第二弹<form><textarea>元素详细介绍
  18. 让我摘下星星送给你_有一首歌,歌词是,摘下星星送给你,摘下月亮送给你……什么歌...
  19. 读picamera 文档总结(一)
  20. ThreadX学习(4)——内存管理

热门文章

  1. Vue.js 学习笔记 四 用一,二,三的知识做个跑马灯
  2. 使用 RemObjects SDK 建立 WebService 应用
  3. java.util.HashMap
  4. 浅谈es6 promise
  5. 类型与通用语言运行时:System.Object
  6. 美联社:两家美国域名注册公司退出中国市场
  7. 【学习OpenCV4】几何图形的绘制方法
  8. php7 断言,PHP7.2常用新特性和函数
  9. java生成txt_Java ThreadDump 生成解析
  10. 思科模拟器叫什么_宇宙无敌上帝视角无所不能之星球生成模拟器。