Angular CLI命令大全及用法

发布时间：2025-02-21 09:17:21 阅读：82 作者：小樊栏目：软件技术

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

Angular CLI是一个命令行工具，用于简化Angular应用的创建、开发、测试和部署过程。以下是一些常用的Angular CLI命令及其用法：

首先，确保你已经安装了Node.js和npm。然后，通过以下命令全局安装Angular CLI：

npm install -g @angular/cli

创建新项目
```
ng new my-angular-app
```
这将创建一个名为 my-angular-app 的新项目。
启动开发服务器
```
cd my-angular-app
ng serve
```
这将在浏览器中打开一个新窗口，显示你的应用程序。默认情况下，应用程序将在 http://localhost:4200/ 上运行。
创建组件
```
ng generate component my-component
```
或者简写为：
```
ng g c my-component
```
创建服务
```
ng generate service my-service
```
或者简写为：
```
ng g s my-service
```
构建项目
```
ng build
```
构建项目，生成生产环境的代码。
添加第三方库
```
ng add @angular/material
```
例如，添加Angular Material库。
运行测试
```
ng test
```
运行单元测试。
生成文档
```
ng doc
```
生成项目的API文档。
创建模块
```
ng generate module my-module
```
或者简写为：
```
ng g m my-module
```
执行端到端(End-to-End)测试
```
ng e2e
```
使用Protractor进行自动化测试。
生成指令
```
ng generate directive my-new-directive
```
或者简写为：
```
ng g d my-new-directive
```
生成管道
```
ng generate pipe my-new-pipe
```
或者简写为：
```
ng g p my-new-pipe
```
生成类
```
ng generate class my-new-class
```
或者简写为：
```
ng g cl my-new-class
```
生成枚举类型
```
ng generate enum my-new-enum
```
或者简写为：
```
ng g e my-new-enum
```

更多详细信息和选项，请参阅Angular官方文档。

向AI问一下细节

猜你喜欢