Angular7 - CLI命令

Angular7 - CLI命令 首页 / Angular7入门教程 / Angular7 - 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 更新命令

如果您想更新应用程序及其依赖关系,可以使用以下命令-

ng update @angular/cli @angular/core

它将核心框架更新到最新版本,即Angular 7和angular-cli。您可以将上述命令与以下选项一起使用-

Angular 命令列表

下表列出了使用Angular 7项目时所需的一些重要命令-

序列号 命令和说明
1

Component

ng g component new-component

2

Directive

ng g directive new-directive

3

Pipe

ng g pipe new-pipe

4

Service

ng g service new-service

5

Module

ng g module my-module

6

Test

ng test

7

Build

ng build --configuration=production //用于生产环境

ng build --configuration=staging //用于说明环境

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

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

深入浅出gRPC -〔李林锋〕

从0开始学游戏开发 -〔蔡能〕

持续交付36讲 -〔王潇俊〕

Go语言核心36讲 -〔郝林〕

数据分析实战45讲 -〔陈旸〕

iOS开发高手课 -〔戴铭〕

深入拆解Tomcat & Jetty -〔李号双〕

如何看懂一幅画 -〔罗桂霞〕

HarmonyOS快速入门与实战 -〔QCon+案例研习社〕

好记忆不如烂笔头。留下您的足迹吧 :)