- Angular CLI 教程
- Angular CLI - 主页
- Angular CLI - 概述
- Angular CLI - 环境设置
- Angular CLI 命令
- Angular CLI - ng 版本
- Angular CLI - ng 新
- Angular CLI - ng 帮助
- Angular CLI - ng 生成
- Angular CLI - ng 构建
- Angular CLI - ng run
- Angular CLI - ng 服务
- Angular CLI - ng lint
- Angular CLI - ng 测试
- Angular CLI - ng e2e
- Angular CLI - ng add
- Angular CLI - ng 分析
- 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 //
ngserve //将编译,您可以在浏览器中看到项目的输出 -
http://localhost:4200/
4200是创建新项目时使用的默认端口。您可以使用以下命令更改端口 -
ng serve --host 0.0.0.0 --port 4201
Angular 4 的命令
下表列出了使用 Angular 4 项目时所需的一些重要命令。
先生编号 | 命令和说明 |
---|---|
1 | 成分 ng g 组件 新组件 |
2 | 指示 ng g 指令 新指令 |
3 | 管道 ng g 管道 新管道 |
4 | 服务 ng g 服务 新服务 |
5 | 模块 ng g 模块 my−module |
每当创建新模块、组件或服务时,其引用都会在父模块app.module.ts 中更新。