logo图片
Angular CLI教程

Angular CLI 概述

Angular 命令行界面 (CLI) 可以轻松启动任何 Angular 项目。它附带的命令可以帮助我们非常快速地创建和启动我们的项目。现在让我们看看可用于创建项目、组件和服务、更改端口等的命令。
要使用 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 4 的命令

下表列出了使用 Angular 4 项目时所需的一些重要命令。
命令和描述
Component
ng g component new-component
Directive
ng g 指令新指令
Pipe
ng g pipe new-pipe
Service
ng g service new-service
Module
ng g 模块我的模块
每当创建新模块、组件或服务时,其引用都会在父模块 app.module.ts 中更新。
昵称: 邮箱:
Copyright © 2020 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4