- Angular CLI 教程
- Angular CLI - 主页
- Angular CLI - 概览
- Angular CLI - 环境设置
- Angular CLI 命令
- Angular CLI - ng 版本
- Angular CLI - ng new
- Angular CLI - ng 帮助
- Angular CLI - ng 生成
- Angular CLI - ng 构建
- Angular CLI - ng 运行
- Angular CLI - ng 服务
- Angular CLI - ng lint
- Angular CLI - ng 测试
- Angular CLI - ng e2e
- Angular CLI - ng add
- Angular CLI - ng analytics
- Angular CLI - ng 配置
- Angular CLI - ng 文档
- Angular CLI - ng 更新
- Angular CLI - ng xi18n
- Angular CLI - 代码覆盖范围
- Angular CLI 有用的资源
- Angular CLI - 快速指南
- Angular CLI - 有用的资源
- Angular CLI - 讨论
Angular CLI - 概览
Angular 命令行界面 (CLI) 让 Angular 项目启动变得很容易。它包含可以非常快速地帮助我们创建并启动项目的命令。现在,我们一起了解可用于创建项目、组件和服务、更改端口等命令。
要使用 Angular CLI,需要在我们的系统上安装好它。我们使用以下命令进行安装 −
npm install -g @angular/cli
要创建新项目,可以在命令行中运行以下命令,之后便会创建项目。
ng new PROJECT-NAME cd PROJECT-NAME ng serve //
ng serve// 将编译,你可以在浏览器中看到项目的输出 −
https://:4200/
4200 是创建新项目时使用的默认端口。你可以使用以下命令更改端口 −
ng serve --host 0.0.0.0 --port 4201
Angular 4 命令
在使用 Angular 4 项目时,下表列出了一些所需的重要命令。
| 序号 | 命令和说明 |
|---|---|
| 1 | 组件 ng g 组件 new-component |
| 2 | 指令 ng g 指令 new-directive |
| 3 | 管道 ng g 管道 new-pipe |
| 4 | 服务 ng g 服务 new-service |
| 5 | 模块 ng g 模块 my-module |
每当创建一个新模块、组件或服务时,对它的引用都会更新到父模块 app.module.ts。
广告