开发手册 欢迎您!
软件开发者资料库

Angular 4 - CLI

Angular 4 CLI - 从简单和简单的步骤学习Angular 4,从基本到高级概念,包括概述,环境设置,项目设置,组件,模块,数据绑定,事件绑定,模板,指令,管道,路由,服务,Http服务,表格,动画,材料,CLI,示例。

Angular CLI使您可以轻松地开始使用任何Angular项目. Angular CLI附带的命令可以帮助我们快速创建和启动项目.现在让我们来看看可用于创建项目,组件和服务,更改端口等的命令.

要使用Angular CLI,我们需要在我们的系统上安装它.让我们使用以下命令进行相同的 :

npm install -g @angular/cli

要创建新项目,我们可以在命令行中运行以下命令,然后将创建项目.

ng new PROJECT-NAMEcd PROJECT-NAMEng serve //

ng serve//将编译,你可以在浏览器中查看项目的输出 :

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 中更新相同的引用.