angular常用命令

文章目录

  • [1. 创建新项目:](#1. 创建新项目:)
  • [2. 生成组件:](#2. 生成组件:)
  • [3. 生成模块:](#3. 生成模块:)
  • [4. 生成服务:](#4. 生成服务:)
  • [5. 运行项目:](#5. 运行项目:)
  • [6. 构建项目:](#6. 构建项目:)
  • 其他

在 Angular 开发中,以下是一些常用的 Angular CLI 命令:

1. 创建新项目:

ng new project-name

这个命令会创建一个新的 Angular 项目,其中 project-name 是你指定的项目名称。

2. 生成组件:

ng generate component component-name

简写 ng g c component-name

这个命令用于生成一个新的组件,其中 component-name 是你指定的组件名称。

3. 生成模块:

ng generate module module-name

简写

ng g m module-name

这个命令用于生成一个新的模块,其中 module-name 是你指定的模块名称。

4. 生成服务:

ng generate service service-name

这个命令用于生成一个新的服务,其中 service-name 是你指定的服务名称。

5. 运行项目:

ng serve

这个命令会启动开发服务器,并在默认端口(通常是 localhost:4200)上运行你的 Angular 应用程序。

6. 构建项目:

ng build

这个命令会将你的 Angular 应用程序构建到输出目录中,默认是 dist/ 目录下。

以上只是一些常用的 Angular CLI 命令示例,Angular CLI 提供了更多功能丰富的命令,可以用于测试、部署等任务。

其他

npm下载

https://nodejs.org/en

angular/cli下载

npm install --g @angular/cli

测试:

ng version

https://code.visualstudio.com/

angular cli创建工程

ng new pingduoduo

ng new --help

创建组件

ng generate component 组件驼峰名

简写ng g c ScrollableTab

创建模块

ng g m Home --routing

相关推荐
Greg_Zhong3 小时前
Angular 和 Vue2.0 对比
前端·angular·vue 2
无敌喜之郎9 天前
Angular数据绑定详解
前端·javascript·angular·数据绑定
无敌喜之郎10 天前
虚拟滚动 - 从基本实现到 Angular CDK
前端·typescript·angular·虚拟滚动
金木讲编程12 天前
Angular 中 UntypedFormGroup和FormGroup的区别?
angular
无敌喜之郎16 天前
Angular 15 独立组件详解
前端·javascript·angular·独立组件
无敌喜之郎21 天前
Angular 控制流与延迟视图揭秘
typescript·angular·1024程序员节
余生H25 天前
JS异步编程进阶(二):rxjs与Vue、React、Angular框架集成及跨框架状态管理实现原理
javascript·vue.js·react.js·angular·rxjs·异步编程
职教育人1 个月前
前端三大框架对比与选择
前端·vue.js·react·angular
优联前端1 个月前
前端框架对比和选择
前端框架·vue·react·angular·优联前端
无敌喜之郎1 个月前
Angular signal信号详细解析
前端·typescript·angular·signal