开发学院

您的位置:首页>教程>正文

教程正文

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 //将编译项目,您可以在浏览器中看到项目的输出

http://localhost:4200/

  4200是创建新项目时使用的默认端口。您可以使用以下命令更改端口:

ng serve --host 0.0.0.0 --port 4201

下表列出了使用Angular 6 项目时需要的几个重要命令。

Componentng g component new-component
Directiveng g directive new-directive
Pipeng g pipe new-pipe
Serviceng g service new-service
Moduleng g module my-module


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