# angular19

**Repository Path**: gou-xinjie/angular19

## Basic Information

- **Project Name**: angular19
- **Description**: 这是一个基于 Angular 19 的示例/练习型后台管理前端项目，用来演示常见的工程化与业务模块组织方式：先进入登录页，登录后进入带布局的主区域，在主区域中包含 NgRx、RxJS、工作台等示例页面，便于快速验证路由、布局、状态管理与组件通信等能力。
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-28
- **Last Updated**: 2026-01-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# my-angular-app

## 项目介绍

这是一个基于 Angular 19 的示例/练习型后台管理前端项目，用来演示常见的工程化与业务模块组织方式：先进入登录页，登录后进入带布局的主区域，在主区域中包含 NgRx、RxJS、工作台等示例页面，便于快速验证路由、布局、状态管理与组件通信等能力。

项目主要技术栈：

- UI：ng-zorro-antd
- 状态管理：NgRx（store/effects/entity）
- 样式：Less

## 环境要求

- Node.js：建议使用 LTS（Node 20+）
- 包管理器：pnpm（本项目同时存在 pnpm-lock.yaml 与 package-lock.json，推荐统一使用 pnpm）

## 安装依赖

```bash
pnpm install
```

如果你遇到依赖缺失/锁文件不一致导致的异常，建议清理后重装：

```bash
rm -rf node_modules
pnpm install
```

Windows PowerShell 也可以直接删除 node_modules 文件夹后再执行上面的 pnpm install。

## 启动开发服务

```bash
pnpm start
```

等同于执行：

```bash
ng serve
```

启动后访问：http://localhost:4200/

## 常用命令

```bash
pnpm build
pnpm test
```

## 项目结构（简要）

- src/app/pages：页面组件
- src/app/layout：布局组件
- src/app/store：示例状态（state）
- src/app/app.routes.ts：路由配置