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

相关推荐
码上飞扬2 小时前
前端框架对比选择:如何在众多技术中找到最适合你的
vue.js·前端框架·react·angular·svelte
罗_三金1 天前
前端框架对比和选择?
javascript·前端框架·vue·react·angular
Crazy Struggle1 天前
.NET 7+Angular 4 轻量级新零售进销存系统
.net·angular·进销存系统
Zhen (Evan) Wang7 天前
vs code: pnpm : 无法加载文件 C:\Program Files\nodejs\pnpm.ps1,因为在此系统上禁止运行脚本
vue.js·vscode·npm·node.js·angular
营赢盈英13 天前
Fileupload - Endpoint and OpenAI Generation for the Service
spring·ai·angular·openai api·primeng
LunarCod23 天前
Angular快速入门
javascript·typescript·前端框架·html·html5·angular·angular.js
IT布道1 个月前
Win11搭建Angular开发环境
前端·javascript·npm·node.js·angular·angular.js·vsc
站在顶峰看星星1 个月前
React + Vite项目别名配置
前端·webpack·typescript·vue·react·vite·angular
站在顶峰看星星1 个月前
powershell 终端 执行 pnpm -v报错
vue·node·react·angular·nvm
KenkoTech1 个月前
Angular由一个bug说起之九:AWS S3 文件下载问题
angular