Angular7CLI命令

/ / Angular7CLI命令

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 中更新。

祝学习愉快! (发现内容有误?请选中要编辑的内容 -> 右键 -> 修改 -> 提交!帮助我们改进教程质量)

精选教程推荐

👇 以下精选教程可能对您有帮助,拓展您的技术视野

大模型在商业分析中的探索实践 -〔徐小磊〕

AI智能办公实战课 -〔李晓华〕

云原生基础架构实战课 -〔潘野〕

大厂设计进阶实战课 -〔小乔〕

去无方向的信 -〔小麥〕

零基础实战机器学习 -〔黄佳〕

现代C++编程实战 -〔吴咏炜〕

从0开始学大数据 -〔李智慧〕

深入浅出gRPC -〔李林锋〕

📝 好记忆不如烂笔头,留下您的学习笔记吧!

暂无学习笔记,成为第一个分享的人吧!

您的笔记将帮助成千上万的学习者