# navi-docs

**Repository Path**: haijunit_navi/navi-docs

## Basic Information

- **Project Name**: navi-docs
- **Description**: 个人博客
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://zhanghaijun666.github.io/blog/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-08-12
- **Last Updated**: 2026-03-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Navi-Web 项目介绍总结

## 项目概述

Navi-Web 是一个基于Monorepo的多模块前端项目，主要包含管理系统(admin)、文档站点(docs)。

## 主要模块

### 1. 管理系统 (admin)

- 技术栈 : Vue 3 + TypeScript + Vite
- UI框架 : Element Plus
- 样式解决方案 : UnoCSS + SCSS 变量主题
- 核心功能 : 包含布局系统、导航菜单、数据表格、表单组件等通用组件，以及文件存储、在线聊天等业务模块
- 特色 : 支持明暗主题切换、响应式设计、动态导入和代码分割

### 2. 文档站点 (docs)

- 构建工具 : VitePress
- 内容 : 包含前端技术、后端开发(Spring全家桶)、部署实践等技术文档
- 特色 : 自定义容器样式、图标集成、代码块高亮

### 3. 开发环境 (develop)

- 配置 : Nginx 反向代理配置
- 部署 : Dockerfile 和 SSL 证书配置

## 技术亮点

- 使用 UnoCSS 实现原子化CSS，提高开发效率
- 集成 ECharts 实现数据可视化
- 采用 pnpm workspace 管理多包项目
- 完善的代码规范和格式化工具链 (ESLint, Prettier, Stylelint)
- 支持组件按需导入，优化构建体积

## Monorepo 管理

Monorepo 是一种将多个项目代码存放在同一个代码仓库中的管理方式。在本项目里，通过 Monorepo 进行多项目管理，具有以下优势：

1. **代码复用**：不同项目可以方便地共享代码，避免重复开发。
2. **统一管理**：可以对所有项目进行统一的版本控制、依赖管理和构建流程。
3. **协同开发**：团队成员可以在同一个仓库中协作开发不同项目，提高沟通效率。

## 项目结构

```shell
pnpm create vite admin --- --template vue-ts


pnpm add @navi/ui -Dw --workspace
```

## 优秀仓库模板

- <https://github.com/huangmingfu/vue3-turbo-component-lib-template>
- [TurboRepo](https://github.com/vercel/turborepo)
- [DaisyUi: Tailwind CSS 开发](https://daisyui.com/)

## 项目提示词

```text
项目Navi-Web 是一个基于 Monorepo 的多模块前端项目，主要包括管理系统(admin)、文档站点(docs)、抽离公共组件(packages)三部分。

主要技术栈
全局
- Vue 3 + TypeScript + Vite + UnoCSS + SCSS + @vueuse

管理系统(/admin)
- 技术栈 : Element Plus、Pinia、Vue Router、Axios、WebSocket

文档站点(/docs)
- VitePress

基于上述项目背景，要求对全局的主题样式进行优化，包括但不限于：
1. 主题方案，参考：DaisyUi的style/themes/，支持明暗主题切换
2. 全局样式优化，如字体、颜色、间距等
3. 组件库的样式优化，如按钮、输入框、表格等，参考DaisyUi的style/components
4. 优化的性能，如减少加载时间、优化图片等
5、公共的最好能抽离出来，放置到packages/ui目录下
```