开发学院

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

教程正文

Angular 4 CLI

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 // will compile and you can see the output of your project in the browser −

http://localhost:4200/

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

ng serve --host 0.0.0.0 --port 4201

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

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中对该模块、组件或服务的引用都会更新