Angular CLI 常用命令

简介:

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

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

参考引用

目录
相关文章
|
5月前
|
前端开发 开发者 安全
JSF支付功能大揭秘:探索如何在Java世界中实现安全无缝的在线支付体验
【8月更文挑战第31天】在电子商务和在线交易日益普及的今天,实现在线支付功能已成为许多Web应用的必备需求。JavaServer Faces (JSF) 作为一种流行的Java Web框架,提供了丰富的组件和工具来构建用户界面,包括与支付网关集成以实现在线支付。支付网关是处理信用卡和借记卡支付的系统,在商家和银行之间起到桥梁作用。本文将探讨如何使用JSF与支付网关集成,以及实现在线支付功能时需要考虑的关键点
55 0
|
5月前
|
Web App开发 应用服务中间件 Serverless
第一个Angular应用创建问题之使用Angular CLI创建新的工作区和一个初始应用如何解决
第一个Angular应用创建问题之使用Angular CLI创建新的工作区和一个初始应用如何解决
|
8月前
设置Open in Terminal快捷键Alt+Shift+Z,方便angular项目的各种命令输入(多任务状态下)
设置Open in Terminal快捷键Alt+Shift+Z,方便angular项目的各种命令输入(多任务状态下)
|
JavaScript
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
420 0
Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
|
缓存
Angular CLI找不到模块"angular-devkit/build-angular"
Angular CLI 是 Angular 客户端命令行工具,提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时,竟然报找不到模块"@angular-devkit/build-angular"的错误。
2407 0
如何安装 Angular CLI 并且检查 CLI 的版本
想在系统中安装 Angular CLI ,如何进行安装并且如何检查 CLI 的版本? 可以使用命令:npm install -g @angular/cli 进行安装。 使用命令 ng version 来查看 Angular 的 CLI 的版本
2345 0
|
Java 测试技术 .NET
使用Angular CLI进行单元测试和E2E测试
第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 第二篇文章是: "使用angular cli从蓝本生成代码" : http://www.
1466 0
|
Java .NET 开发框架
使用Angular CLI生成路由
第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 第二篇文章是: "使用angular cli从蓝本生成代码" : http://www.
927 0
|
Web App开发 JavaScript 前端开发
使用Angular CLI进行Build (构建) 和 Serve
第一篇文章是: "使用angular cli生成angular5项目" : http://www.cnblogs.com/cgzl/p/8594571.html 第二篇文章是: "使用angular cli从蓝本生成代码" : http://www.
2341 0