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

相关推荐
crary,记忆8 小时前
Angular微前端架构:Module Federation + ngx-build-plus (Webpack)
前端·webpack·angular·angular.js
crary,记忆11 小时前
Angular中Webpack与ngx-build-plus 浅学
前端·webpack·angular·angular.js
crary,记忆3 天前
微前端 - Module Federation使用完整示例
前端·react·angular
crary,记忆5 天前
Angular报错:cann‘t bind to ngClass since it is‘t a known property of div
前端·javascript·angular·angular.js
Zhen (Evan) Wang6 天前
ABP-Book Store Application中文讲解 - Part 5: Authorization
c#·.net·angular
Zhen (Evan) Wang1 个月前
.NET 8 + Angular WebSocket 高并发性能优化
c#·.net·angular
百锦再2 个月前
React编程高级主题:错误处理(Error Handling)
前端·javascript·react.js·前端框架·vue·web·angular
KenkoTech2 个月前
Angular由一个bug说起之十五:自定义基于Overlay的Tooltip
angular
KenkoTech3 个月前
Angular由一个bug说起之十四:SCSS @import 警告与解决⽅案
angular
lhhbk3 个月前
angular中下载接口返回文件
前端·javascript·angular·angular.js