Angular7 - CLI 提示

Angular CLI 可以轻松启动任何 Angular 项目。Angular CLI 附带的命令可以帮助我们快速创建和启动项目。现在让我们浏览一下可用于创建项目、组件和服务、更改端口等的命令。

要使用 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

角度更新命令

如果您想更新应用程序及其依赖项，可以使用以下命令 -

ng update @angular/cli @angular/core

它将把核心框架更新到最新版本，即 Angular 7 和 Angular-cli。您可以使用上面的命令和以下选项 -

Angular 重要命令列表

下表列出了使用 Angular 7 项目时所需的一些重要命令 -

先生编号 命令和说明
1

成分

ng g 组件 新组件
2

指示

ng g 指令 ​​新指令
3

管道

ng g 管道 新管道
4

服务

ng g 服务 新服务
5

模块

ng g 模块 my-module
6

测试

NG测试
7

建造

ng build --configuration=product // 用于生产环境

ng build --configuration=staging // 用于声明环境

每当创建新模块、组件或服务时，其引用都会在父模块app.module.ts中更新。