[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9035":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":15,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":20,"hasPages":20,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":23,"readmeContent":24,"aiSummary":25,"trendingCount":16,"starSnapshotCount":16,"syncStatus":26,"lastSyncTime":27,"discoverSource":28},9035,"SnowAdmin","WangFan-io\u002FSnowAdmin","WangFan-io","SnowAdmin 一款基于 Vue3、TypeScript、Vite7、Pinia、Arco.Design 开源的后台管理框架，符合直觉的使用模式，使用目前最新技术栈开发。","http:\u002F\u002F115.190.79.132\u002F#\u002Flogin",null,"Vue",1028,166,7,3,0,19,19.67,"MIT License",false,"main",[],"2026-06-12 02:02:01","# SnowAdmin\r\n\r\n\u003Cdiv>\r\n\t\u003Cp>\r\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FWangFan-io\u002FSnowAdmin\" target=\"_blank\">\r\n\t\t  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLicense-MIT-%2343aefc\" alt=\"License\">\r\n\t\t\u003C\u002Fa>\r\n\t\t\u003Ca href=\"https:\u002F\u002Fgithub.com\u002FWangFan-io\u002FSnowAdmin\" target=\"_blank\">\r\n\t\t  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fvue_.js-vue3_.x-%2300b42a\" alt=\"Vue\">\r\n\t\t\u003C\u002Fa>\r\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FWangFan-io\u002FSnowAdmin\" target=\"_blank\">\r\n\t\t  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FVite-6x-%2311B337\" alt=\"Vite\">\r\n\t\t\u003C\u002Fa>\r\n     \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FWangFan-io\u002FSnowAdmin\" target=\"_blank\">\r\n\t\t \u003Cimg alt=\"arco.design\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Farco.design-2.57.0-%23%2028%2C175%2C%2063\">\r\n\t\t\u003C\u002Fa>\r\n\t\u003C\u002Fp>\r\n\u003C\u002Fdiv>\r\n\r\n### 介绍 📖\r\n\r\nSnowAdmin 是一个清新优雅、高颜值且功能强大的后台管理模板，基于最新的前端技术栈，包括 Vue3, Vite7, TypeScript, Pinia。它内置了丰富的主题配置和组件，代码规范严谨，实现了自动化的文件路由系统。SnowAdmin 为您提供了一站式的后台管理解决方案，无需额外配置，开箱即用。同样是一个快速学习前沿技术的最佳实践。\r\n\r\n### 版本 📦\r\n\r\n**预览及文档**\r\n\r\n项目预览地址：[SnowAdmin](http:\u002F\u002F115.190.79.132\u002F#\u002Flogin)\r\n\r\n项目文档地址：[SnowAdmin-开发指南](http:\u002F\u002F115.190.79.132:81\u002F)\r\n\r\n**代码仓库**\r\n\r\n| 平台   | 仓库地址                                               |\r\n| ------ | ------------------------------------------------------ |\r\n| GitHub | [Github 仓库](https:\u002F\u002Fgithub.com\u002FWangFan-io\u002FSnowAdmin) |\r\n| Gitee  | [Gitee 仓库](https:\u002F\u002Fgitee.com\u002Fwang_fan_w\u002FSnowAdmin)   |\r\n\r\n> 完整版分支：main\r\n>\r\n> 极简版分支：main-thin\r\n>\r\n> ⚠️主要的维护在github上，提issue\u002Fpr请认准github主战场\r\n>\r\n> 大家也可以进wx群交流，二维码在介绍末尾\r\n\r\n### 先行预览 🖼️\r\n\r\n![登录页](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F04\u002F11\u002FO0lhbG.png)\r\n\r\n![首页](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F04\u002F11\u002FO0lnVI.png)\r\n\r\n![文件库](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F04\u002F11\u002FO0l7qD.png)\r\n\r\n![国际化](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F04\u002F11\u002FO0lNAF.png)\r\n\r\n![横向布局](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F04\u002F11\u002FO0leQ6.png)\r\n\r\n![混合布局](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F04\u002F11\u002FO0lrCP.png)\r\n\r\n![主题配置](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F04\u002F11\u002FO0lKnb.png)\r\n\r\n![黑暗模式-1](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F04\u002F11\u002FO0lZ4l.png)\r\n\r\n![黑暗模式-2](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F04\u002F11\u002FO0lv6g.png)\r\n\r\n![黑暗模式-3](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F04\u002F11\u002FO0lgkB.png)\r\n\r\n### 项目功能 🔨\r\n\r\n- 清晰的项目架构：结构清晰，优雅易懂，代码全注释\r\n- 前沿技术应用：采用 Vue3, Vite7, TypeScript等最新流行的技术栈\r\n- 内置RBAC角色权限模型，实现路由、角色、按钮权限访问控制\r\n- 使用 Pinia 替代 Vuex，轻量、简单、易用，集成 Pinia 持久化插件\r\n- 支持 Arco-Design 组件大小切换、多主题布局、暗黑模式、i18n 国际化\r\n- 使用 VueRouter 配置动态路由权限拦截、路由懒加载，支持页面按钮权限控制\r\n- 使用 KeepAlive 对页面进行缓存，支持多级嵌套路由缓存\r\n- 使用 Prettier 统一格式化代码，集成 ESLint、Stylelint 代码校验规范\r\n- 使用 husky、lint-staged、commitlint等插件，规范提交信息\r\n- 丰富的页面组件：内置多样页面和组件，包括 401、404、500 页面，以及布局组件、标签组件、主题配置组件等\r\n\r\n### 环境准备 🏝️\r\n\r\n确保你的环境满足以下要求（重要）：\r\n\r\n- **git**: 你需要 git 来克隆和管理项目版本。\r\n- **NodeJS**: >=18.12.0，推荐 20.12.0 或更高。\r\n- **pnpm**: >= 8.7.0，推荐最新版本。\r\n\r\n### 安装使用步骤 📔\r\n\r\n### 从 GitHub 获取代码 🔗\r\n\r\n```bash\r\n# 克隆代码\r\ngit clone https:\u002F\u002Fgithub.com\u002FWangFan-io\u002FSnowAdmin.git\r\n```\r\n\r\n### 从 Gitee 获取代码 🔗\r\n\r\n```bash\r\n# 克隆代码\r\ngit clone https:\u002F\u002Fgitee.com\u002Fwang_fan_w\u002FSnowAdmin.git\r\n```\r\n\r\n### 安装依赖 📌\r\n\r\n安装项目依赖\r\n\r\n```bash\r\npnpm install\r\n```\r\n\r\n### 插件配置 🛠️\r\n\r\n安装 Vue - Official，禁用 Vetur\r\n\r\n- [Vue - Official](https:\u002F\u002Fmarketplace.visualstudio.com\u002Fitems?itemName=Vue.volar) - Vue 服务插件\r\n\r\n### 项目启动 🚀\r\n\r\n```json\r\n{\r\n  \u002F\u002F 开发环境启动\r\n  \"dev\": \"vite\",\r\n  \u002F\u002F 开发环境构建\r\n  \"build:dev\": \"vue-tsc && vite build --mode development\",\r\n  \u002F\u002F 生产环境构建\r\n  \"build:prod\": \"vue-tsc && vite build --mode production\",\r\n  \u002F\u002F 测试环境构建\r\n  \"build:test\": \"vue-tsc && vite build --mode test\",\r\n  \u002F\u002F 预览环境启动\r\n  \"preview\": \"vite preview\"\r\n}\r\n```\r\n\r\n### 文件资源目录 📚\r\n\r\n```text\r\nSnowAdmin\r\n├─ .github                  # GitHub 配置目录\r\n│  └─ ISSUE_TEMPLATE        # Issue 模板\r\n├─ .husky                   # husky 配置文件\r\n├─ build                    # vite 项目配置目录\r\n├─ node_modules             # 依赖包（自动生成）\r\n├─ public                   # 静态资源文件（不会被打包）\r\n├─ src\r\n│  ├─ api                   # API 接口管理\r\n│  │  └─ modules            # 接口模块\r\n│  ├─ assets                # 静态资源文件\r\n│  │  ├─ fonts              # 字体文件\r\n│  │  ├─ img                # 图片资源\r\n│  │  ├─ logo               # Logo 图标\r\n│  │  └─ svgs               # SVG 图标\r\n│  ├─ components            # 全局组件（code-view\u002Fqrcode\u002Fsvg-icon等）\r\n│  ├─ config                # 全局配置项\r\n│  ├─ directives            # 全局自定义指令（防抖\u002F节流\u002F权限指令）\r\n│  ├─ globals               # 全局函数\r\n│  ├─ hooks                 # 常用 Hooks 封装\r\n│  ├─ lang                  # 语言国际化 i18n\r\n│  ├─ layout                # 框架布局模块\r\n│  │  ├─ components         # 布局组件（Aside\u002FHeader\u002FFooter\u002FMenu\u002FTabs等）\r\n│  │  └─ layout-*           # 布局类型（defaults\u002Fhead\u002Fmixing）\r\n│  ├─ mock                  # 本地数据 mock\r\n│  ├─ router                # 路由管理\r\n│  ├─ store                 # pinia store\r\n│  ├─ style                 # 全局样式文件\r\n│  │  ├─ media              # 响应式样式\r\n│  │  ├─ model              # 动画\u002F滚动条\u002F全局样式\r\n│  │  └─ var                # 主题变量\r\n│  ├─ typings               # 全局 ts 声明\r\n│  ├─ utils                 # 常用工具库\r\n│  ├─ views                 # 项目所有页面\r\n│  │  ├─ about              # 关于页面\r\n│  │  ├─ component          # 组件展示页\r\n│  │  ├─ directive          # 指令展示页\r\n│  │  ├─ error              # 错误页面（401\u002F404\u002F500）\r\n│  │  ├─ file               # 文件管理\r\n│  │  ├─ form               # 表单页\r\n│  │  ├─ functions          # 工具函数演示\r\n│  │  ├─ home               # 首页\r\n│  │  ├─ i18n               # 国际化演示\r\n│  │  ├─ link               # 链接演示\r\n│  │  ├─ login              # 登录页\r\n│  │  ├─ monitor            # 系统监控\r\n│  │  ├─ multilevel         # 多级菜单演示\r\n│  │  ├─ permission         # 权限演示\r\n│  │  ├─ personal           # 个人中心\r\n│  │  ├─ system             # 系统管理\r\n│  │  ├─ table              # 表格页\r\n│  │  └─ thin-preview       # 简洁预览页\r\n│  ├─ App.vue               # 项目主组件\r\n│  ├─ auto-import.d.ts      # 自动导入声明\r\n│  ├─ components.d.ts       # 组件声明\r\n│  ├─ main.ts               # 项目入口文件\r\n│  ├─ style.css             # 全局样式入口\r\n│  └─ vite-env.d.ts         # 指定 ts 识别 vue\r\n├─ .editorconfig            # 代码编辑器配置文件\r\n├─ .env                     # 通用环境配置\r\n├─ .env.development         # 开发环境配置\r\n├─ .env.production          # 生产环境配置\r\n├─ .env.test                # 测试环境配置\r\n├─ .eslintrc-auto-import.json # ESLint 自动导入配置\r\n├─ .gitignore               # 忽略 git 提交\r\n├─ .prettierignore          # 忽略 Prettier 格式化\r\n├─ .prettierrc.cjs          # Prettier 格式化配置\r\n├─ .stylelintignore         # 忽略 Stylelint 校验\r\n├─ .stylelintrc.cjs         # Stylelint 格式化配置\r\n├─ commitlint.config.cjs    # git 提交规范配置\r\n├─ eslint.config.js         # Eslint 校验配置文件\r\n├─ index.html               # 入口 html\r\n├─ LICENSE                  # 开源协议\r\n├─ lint-staged.config.cjs   # lint-staged 配置文件\r\n├─ package.json             # 依赖包管理\r\n├─ pnpm-lock.yaml           # 依赖包版本锁\r\n├─ README.md                # README 介绍\r\n└─ vite.config.ts           # vite 全局配置文件\r\n```\r\n\r\n### 浏览器支持 🌎\r\n\r\n- 本地开发推荐使用 Chrome 最新版浏览器 [Download](https:\u002F\u002Fwww.google.com\u002Fintl\u002Fzh-CN\u002Fchrome\u002F)。\r\n- 生产环境支持现代浏览器，不再支持 IE 浏览器，更多浏览器可以查看 [Can I Use Es Module](https:\u002F\u002Fcaniuse.com\u002F?search=ESModule)。\r\n\r\n| ![IE](https:\u002F\u002Fi.imgtg.com\u002F2023\u002F04\u002F11\u002F8z7ot.png) | ![Edge](https:\u002F\u002Fi.imgtg.com\u002F2023\u002F04\u002F11\u002F8zr3p.png) | ![Firefox](https:\u002F\u002Fi.imgtg.com\u002F2023\u002F04\u002F11\u002F8zKiU.png) | ![Chrome](https:\u002F\u002Fi.imgtg.com\u002F2023\u002F04\u002F11\u002F8zNrx.png) | ![Safari](https:\u002F\u002Fi.imgtg.com\u002F2023\u002F04\u002F11\u002F8zeGj.png) |\r\n| :---------------------------------------------: | :-----------------------------------------------: | :--------------------------------------------------: | :-------------------------------------------------: | :-------------------------------------------------: |\r\n|                   not support                   |                  last 2 versions                  |                   last 2 versions                    |                   last 2 versions                   |                   last 2 versions                   |\r\n\r\n### 鸣谢列表 🧩\r\n\r\n- [vue：https:\u002F\u002Fv3.cn.vuejs.org\u002F](https:\u002F\u002Fv3.cn.vuejs.org\u002F)\r\n- [axios：https:\u002F\u002Fgithub.com\u002Faxios\u002Faxios](https:\u002F\u002Fgithub.com\u002Faxios\u002Faxios)\r\n- [nprogress：https:\u002F\u002Fgithub.com\u002Frstacruz\u002Fnprogress](https:\u002F\u002Fgithub.com\u002Frstacruz\u002Fnprogress)\r\n- [sortablejs：https:\u002F\u002Fgithub.com\u002FSortableJS\u002FSortabl](https:\u002F\u002Fgithub.com\u002FSortableJS\u002FSortable)\r\n- [sass：https:\u002F\u002Fgithub.com\u002Fsass\u002Fsass](https:\u002F\u002Fgithub.com\u002Fsass\u002Fsass)\r\n- [typescript：https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FTypeScript](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FTypeScript)\r\n- [vite：https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite](https:\u002F\u002Fgithub.com\u002Fvitejs\u002Fvite)\r\n- [wangeditor：https:\u002F\u002Fgithub.com\u002Fwangeditor-team\u002FwangEditor](https:\u002F\u002Fgithub.com\u002Fwangeditor-team\u002FwangEditor)\r\n- [qrcodejs：https:\u002F\u002Fgithub.com\u002Fdavidshimjs\u002Fqrcodejs](https:\u002F\u002Fgithub.com\u002Fdavidshimjs\u002Fqrcodejs)\r\n- [print-js：https:\u002F\u002Fgithub.com\u002Fcrabbly\u002FPrint.js](https:\u002F\u002Fgithub.com\u002Fcrabbly\u002FPrint.js)\r\n- [eslint：https:\u002F\u002Fgithub.com\u002Feslint\u002Feslint](https:\u002F\u002Fgithub.com\u002Feslint\u002Feslint)\r\n- [prettier：https:\u002F\u002Fgithub.com\u002Fprettier\u002Fprettier](https:\u002F\u002Fgithub.com\u002Fprettier\u002Fprettier)\r\n- [arco.design：https:\u002F\u002Farco.design\u002F](https:\u002F\u002Farco.design\u002F)\r\n- [pinyin-pro：https:\u002F\u002Fgithub.com\u002Fzh-lx\u002Fpinyin-pro](https:\u002F\u002Fgithub.com\u002Fzh-lx\u002Fpinyin-pro)\r\n- [qrcode：https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fqrcode](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fqrcode)\r\n- [jsbarcode：https:\u002F\u002Fgithub.com\u002Flindell\u002FJsBarcode\u002Fwiki\u002FOptions](https:\u002F\u002Fgithub.com\u002Flindell\u002FJsBarcode\u002Fwiki\u002FOptions)\r\n- [fingerprintjs2：https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Ffingerprintjs2](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Ffingerprintjs2)\r\n\r\n### 特别鸣谢 🎉\r\n\r\n- [vue-next-admin：http:\u002F\u002Fvuenextadmin.ccfast.cc\u002F](http:\u002F\u002Fvuenextadmin.ccfast.cc\u002F)\r\n- [Gi-admin：https:\u002F\u002Flin-97.github.io\u002Fgi-demo\u002F](https:\u002F\u002Flin-97.github.io\u002Fgi-demo\u002F#\u002Fhome)\r\n- [Geeker-Admin：https:\u002F\u002Fadmin.spicyboy.cn\u002F](https:\u002F\u002Fadmin.spicyboy.cn\u002F#\u002Fhome\u002Findex)\r\n\r\n感谢以上框架为本项目提供了帮助，项目中的很多设计思想值得参考和学习，再次感谢。\r\n\r\n### 学习 & 交流 🏫\r\n\r\n|                                              SnowAdmin 交流群                                               |\r\n| :---------------------------------------------------------------------------------------------------------: |\r\n| ![微信图片_20250726141221](https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F8c1ebf3c-4630-487e-9a54-810fd4d6972c) |\r\n\r\n使用过程中有各种问题也可以进群交流，欢迎大家积极参与\r\n\r\n### 支持作者 🌟\r\n\r\n如果觉得框架不错，或者已经在使用了，希望你可以去 [GitHub](https:\u002F\u002Fgithub.com\u002FWangFan-io\u002FSnowAdmin) ⭐ Star，这将是对我极大的鼓励与支持。\r\n\r\n### 免责条款 📫\r\n\r\n您充分了解并同意，您必须为自己使用本服务及注册帐号下的一切行为负责，包括您所发表的任何内容以及由此产生的任何后果。您应对本服务中的内容自行加以判断，并自行承担因使用内容而引起的所有风险。\r\n\r\n`SnowAdmin` 对网站上所显示的信息或资料的准确性、内容、完整性、合法性、可靠性、可操作性或可用性不承担任何责任。\r\n\r\n`SnowAdmin` 二次开发使用者因为违法而触犯中华人民共和国法律的，一切后果自己负责，`SnowAdmin` 作者不承担任何责任。\r\n\r\n本声明未涉及的问题参见国家有关法律法规，当本声明与国家法律法规冲突时，以国家法律法规为准。\r\n\r\n### 学习 & 商用 🌈\r\n\r\n`SnowAdmin` 是免费和开源的，可免费用于学习、商业使用 。\r\n\r\n### 捐赠 💖\r\n\r\n|                        微信                        |                        支付宝                        |\r\n| :------------------------------------------------: | :--------------------------------------------------: |\r\n| ![微信](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F07\u002F20\u002FOYtFn1.jpg) | ![支付宝](https:\u002F\u002Fooo.0x0.ooo\u002F2025\u002F07\u002F20\u002FOYth4I.jpg) |\r\n","SnowAdmin 是一个基于 Vue3、TypeScript、Vite7、Pinia 和 Arco.Design 的开源后台管理框架。它提供了丰富的主题配置和组件，内置 RBAC 角色权限模型，支持动态路由权限拦截、多级嵌套路由缓存以及国际化功能。项目采用最新的前端技术栈，代码规范严谨，结构清晰且全注释，便于理解和维护。SnowAdmin 适用于需要快速搭建美观且功能强大的后台管理系统的企业和个人开发者，特别适合那些希望紧跟最新技术趋势的团队。",2,"2026-06-11 03:20:53","top_language"]