- Angular 4 教程
- Angular 4 - 主页
- Angular 4 – 概述
- Angular 4 – 环境设置
- Angular 4 – 项目设置
- Angular 4 – 组件
- Angular 4 – 模块
- Angular 4 – 数据绑定
- Angular 4 – 事件绑定
- Angular 4 – 模板
- Angular 4 – 指令
- Angular 4 – 管道
- Angular 4 – 路由
- Angular 4 – 服务
- Angular 4 – Http 服务
- Angular 4 – 表单
- Angular 4 – 动画
- Angular 4 – 材料
- Angular 4 – CLI
- Angular 4 – 示例
- Angular 4 有用资源
- Angular 4 快速指南
- Angular 4 - 有用资源
- Angular 4 - 讨论
Angular 4 - 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://127.0.0.1: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 中更新。
广告