- Angular 6 教程
- Angular 6 - 主页
- Angular 6 - 概述
- Angular 6 - 环境设置
- Angular 6 - 项目设置
- Angular 6 - 组件
- Angular 6 - 模块
- Angular 6 - 数据绑定
- Angular 6 - 事件绑定
- Angular 6 - 模板
- Angular 6 - 指令
- Angular 6 - 管道
- Angular 6 - 路由
- Angular 6 - 服务
- Angular 6 - Http 服务
- Angular 6 - Http 客户端
- Angular 6 - 表单
- Angular 6 - 动画
- Angular 6 -材质
- Angular 6 - CLI
- Angular 6 有用资源
- Angular 6 - 快速指南
- Angular 6 - 有用资源
- Angular 6 - 讨论
Angular 6 - CLI
使用 Angular CLI 可以轻松启动任何 Angular 项目。Angular CLI 附带了可以帮助我们快速创建项目并开始从事项目的命令。现在我们了解一下创建项目、组件和服务、更改端口等的可用命令。
要使用 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 项目时需要的一些重要命令。
| 组件 | ng g component new-component |
| 指令 | ng g directive new-directive |
| 管道 | ng g pipe new-pipe |
| 服务 | ng g service new-service |
| 模块 | ng g module my-module |
每当创建新模块、组件或服务时,都会在父模块 app.module.ts 中更新对它们的引用。
广告