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://localhost:4200/
4200 是创建新项目时使用的默认端口。 您可以使用以下命令更改端口 −
ng serve --host 0.0.0.0 --port 4201
Command for Angular Update
如果您想更新应用程序及其依赖项,可以使用以下命令 −
ng update @angular/cli @angular/core
它将把核心框架更新到最新版本,即 Angular 7 和 Angular-cli。 您可以使用上面的命令和以下选项 −
Angular 重要命令列表
下表列出了使用 Angular 7 项目时所需的一些重要命令 −
Sr.No | 命令和说明 |
---|---|
1 | 组件 ng g component new-component |
2 | 指令 ng g directive new-directive |
3 | 管道 ng g pipe new-pipe |
4 | 服务 ng g service new-service |
5 | 模块 ng g module my-module |
6 | 测试 ng test |
7 | 构建 ng build --configuration=production // for production environment ng build --configuration=staging // for stating environment |
每当创建新模块、组件或服务时,其引用都会在父模块 app.module.ts 中更新。