# VitePress-保姆级模板

**Repository Path**: raintreechan/VitePress-doc

## Basic Information

- **Project Name**: VitePress-保姆级模板
- **Description**: VitePress-保姆级模板文档，助你快速搭建一个属于自己的博客文档。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2025-08-11
- **Last Updated**: 2025-08-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SnowAdmin

### 介绍 📖

VitePress-保姆级文档，助你快速搭建一个属于自己的博客文档。

系列教程：   
[01-不敲一行代码！助你快速搭建属于自己的官网博客！-VitePress保姆级教程](https://blog.csdn.net/qq_44793507/article/details/142455502)   
[02-打造你的专属主题-VitePress保姆级教程](https://blog.csdn.net/qq_44793507/article/details/142486895)   
[03-像编写文档一样轻松构建你的官网！-VitePress保姆级教程](https://blog.csdn.net/qq_44793507/article/details/142521250)   

大家如果感兴趣可以支持一下我的开源项目：[SnowAdmin](https://gitee.com/wang_fan_w/SnowAdmin) 


### 版本 📦

**预览及文档** 

项目预览地址：[SnowAdmin](http://101.126.93.137/#/login)

项目文档地址：[SnowAdmin-开发指南](http://101.126.93.137:81/)

**代码仓库**

| 平台   | 仓库地址                                                 |
| ------ | -------------------------------------------------------- |
| GitHub | [Github 仓库](https://github.com/WANG-Fan0912/SnowAdmin) |
| Gitee  | [Gitee 仓库](https://gitee.com/wang_fan_w/SnowAdmin)     |



### 先行预览

![登录页](https://gitee.com/wang_fan_w/snow-image/raw/main/introduce/%E7%99%BB%E5%BD%95%E9%A1%B5.jpg)

![首页](https://gitee.com/wang_fan_w/snow-image/raw/main/introduce/%E9%A6%96%E9%A1%B5.jpg)

![文件库](https://gitee.com/wang_fan_w/snow-image/raw/main/introduce/%E6%96%87%E4%BB%B6%E5%BA%93.jpg)

![国际化](https://gitee.com/wang_fan_w/snow-image/raw/main/introduce/%E5%9B%BD%E9%99%85%E5%8C%96.jpg)

![横向布局](https://gitee.com/wang_fan_w/snow-image/raw/main/introduce/%E6%A8%AA%E5%90%91%E5%B8%83%E5%B1%80.jpg)

![混合布局](https://gitee.com/wang_fan_w/snow-image/raw/main/introduce/%E6%B7%B7%E5%90%88%E5%B8%83%E5%B1%80.jpg)

![主题配置](https://gitee.com/wang_fan_w/snow-image/raw/main/introduce/%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE.jpg)

![黑暗模式-1](https://gitee.com/wang_fan_w/snow-image/raw/main/introduce/%E9%BB%91%E6%9A%97%E6%A8%A1%E5%BC%8F.jpg)

![黑暗模式-2](https://gitee.com/wang_fan_w/snow-image/raw/main/introduce/%E9%BB%91%E6%9A%97%E6%A8%A1%E5%BC%8F-2.jpg)

![黑暗模式-3](https://gitee.com/wang_fan_w/snow-image/raw/main/introduce/%E9%BB%91%E6%9A%97%E6%A8%A1%E5%BC%8F-3.jpg)



### 项目功能 🔨

- 清晰的项目架构：结构清晰，优雅易懂，代码全注释。
- 前沿技术应用：采用 Vue3, Vite5, TypeScript等最新流行的技术栈。
- 使用 Pinia 替代 Vuex，轻量、简单、易用，集成 Pinia 持久化插件
- 支持 Arco-Design 组件大小切换、多主题布局、暗黑模式、i18n 国际化
- 使用 VueRouter 配置动态路由权限拦截、路由懒加载，支持页面按钮权限控制
- 使用 KeepAlive 对页面进行缓存，支持多级嵌套路由缓存
- 使用 Prettier 统一格式化代码，集成 ESLint、Stylelint 代码校验规范
- 使用 husky、lint-staged、commitlint等插件，规范提交信息
- 丰富的页面组件：内置多样页面和组件，包括 401、404、500 页面，以及布局组件、标签组件、主题配置组件等。



### 支持作者 🌟

如果觉得框架不错，或者已经在使用了，希望你可以去 [Github](https://github.com/WANG-Fan0912/SnowAdmin) 或者 [Gitee](https://gitee.com/wang_fan_w/SnowAdmin) 帮我点个 ⭐ Star，这将是对我极大的鼓励与支持。