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

相关推荐
CodeCraft Studio6 天前
前端表格工具AG Grid 34.3 发布:重磅引入AI工具包,全面支持 React 19.2!
前端·人工智能·react.js·angular·ag grid·前端表格工具·透视分析
黄毛火烧雪下7 天前
Angular 入门项目
前端·angular
患得患失94911 天前
【Angular 】Angular 中的依赖注入
angular
crary,记忆14 天前
MFE: React + Angular 混合demo
前端·javascript·学习·react.js·angular·angular.js
苏打水com25 天前
前端框架深度解析:Angular 从架构到实战,掌握企业级开发标准
angular
KenkoTech1 个月前
Angular由一个bug说起之十九:Angular 实现可拓展 Dropdown 组件
angular
Liquad Li2 个月前
Angular 面试题及详细答案
前端·angular·angular.js
KenkoTech3 个月前
Angular由一个bug说起之十八:伴随框架升级而升级ESLint遇到的问题与思考
angular
KenkoTech3 个月前
Angular进阶之十三:Angular全新控制流:革命性的模板语法升级
angular
KenkoTech4 个月前
Angular进阶之十二:Chrome DevTools+Angular实战诊断指南
angular