# vue3-vite6-monorepo-template

**Repository Path**: donymh/vue3-vite6-monorepo-template

## Basic Information

- **Project Name**: vue3-vite6-monorepo-template
- **Description**: vue3.5+vue-router4+pinia3+vite6+eslint+stylelint+commitizen实现的单一仓库模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-20
- **Last Updated**: 2025-05-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: template, Vue, vite, TypeScript, monorepo

## README

# vue3-vite6-monorepo

#### Description
单一仓库原理（monorepo）的前端工程，包含个人主页，内容管理系统，服务端代码三个模块

- [x] eslint + stylelint
- [x] .editorconfig
- [x] pinia
- [x] axios
- [x] vue-router
- [x] sass
- [x] tsx
- [x] git commit 规范
- [x] 配置路径别名

## 项目结构：
```
.
├── apps/                    # 子项目（应用）文件夹
│   ├── home-page/           # 主页应用
│   │   ├── vite.config.ts   # Vite 配置文件
│   │   ├── package.json     # 子应用的依赖
│   │   └── src/             # 源代码
│   └── cms-system/          # 内容管理系统应用
│       ├── vite.config.ts
│       ├── package.json
│       └── src/
├── packages/                # 公共包文件夹
│   ├── shared/              # 公共工具包
│   │   ├── index.ts
│   │   └── package.json
│   └── components/          # 公共组件库
│       ├── index.ts
│       └── package.json
├── pnpm-workspace.yaml      # PNPM 工作区配置
├── tsconfig.json            # 全局 TypeScript 配置
└── package.json             # 整体项目依赖
```



## Getting started

```
nvm use *      # 切换node到对应版本 node >= 16

pnpm i          # 安装依赖
pnpm dev        # 启动子应用
pnpm serve      # 启动子应用

pnpm run home:serve      # 启动子应用
pnpm run cms:serve      # 启动子应用
```

## 构建命令
```
pnpm run home:build      # 打包子应用 - 个人主页
pnpm run cms:build       # 打包子应用 - 内容管理系统
```


## 校验命令
```
pnpm run lint              # 校验代码
pnpm run lint:fix          # 校验代码并修复问题
pnpm run stylelint         # 格式化样式代码
pnpm run stylelint:fix     # 格式化样式代码并修复问题
```