Angular7 CLI 提示
Angular CLI 可以轻松地开始任何 Angular 项目。 Angular CLI 附带的命令可以帮助我们非常快速地创建和启动我们的项目。现在让我们看看可用于创建项目、组件和服务、更改端口等的命令。
要使用 Angular CLI,我们需要将它安装在我们的系统上。让我们使用以下命令:
npm install -g @angular/cli
要创建一个新项目,我们可以在命令行中运行以下命令,项目将被创建。
ng new PROJECT-NAME cd PROJECT-NAME ng serve //
ng serve // 将编译,你可以在浏览器中看到你的项目的输出:
http:// 本地主机:4200/
4200 是创建新项目时使用的默认端口。你可以使用以下命令更改端口:
ng serve --host 0.0.0.0 --port 4201
Angular 更新命令
如果要更新应用程序及其依赖项,可以使用以下命令:
ng update @angular/cli @angular/core
它将核心框架更新到最新版本,即 Angular 7 和 angular-cli。你可以使用上面的命令和以下选项:
Angular 重要命令列表
下表列出了使用 Angular 7 项目时所需的一些重要命令:
序号 | 命令和说明 |
---|---|
1 |
零件 ng g 组件新组件 |
2 |
指示 ng g 指令 新指令 |
3 |
Pipe ng g pipe new-pipe |
4 |
Service ng g service 新服务 |
5 |
Module ng g 模块我的模块 |
6 |
Test ng test |
7 |
Build ng build --configuration=production // 用于生产环境 ng build --configuration=staging // 用于说明环境 |
每当创建新模块、组件或服务时,其引用都会在父模块中更新 app.module.ts .