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

相关推荐
ziyu_jia2 天前
Angular 中获取 DOM 节点的几种方法
前端·javascript·angular
大模型铲屎官15 天前
前端框架中 HTML 的应用技巧:React、Vue、Angular 深度解析
react.js·前端框架·vue·html·编程·html5·angular
KenkoTech1 个月前
Angular由一个bug说起之十三:Cross Origin
angular
时光匆匆岁月荏苒,转眼我们已不是当年2 个月前
【ANGULAR网站开发】初始环境搭建
angular
langzitianya2 个月前
XMLHttpRequest接受chunked编码传输的HTTP Response时有问题
vue·xmlhttprequest·angular·chunked·流式
KenkoTech2 个月前
Angular由一个bug说起之十二:网页页面持续占用CPU过高
angular
张某人的胡思乱想2 个月前
angular19-官方教程学习
学习·angular
KenkoTech2 个月前
Angular由一个bug说起之十一:排序之后无法展开 Row
angular
余生H3 个月前
Angular v19 (三):增量水合特性详解 - 什么是水合过程?有哪些应用场景?与 Qwik 相比谁更胜一筹?- 哪个技术好我就学哪个,这就是吸心大法吧
前端·javascript·angular·ssr·前端优化·qwik
crary,记忆3 个月前
Angular中的ngOnchange()的汇总
前端·javascript·学习·angular