template-admin

This template should help get you started developing with Vue 3 in Vite.
这个模板应该有助于你开始在Vite中使用Vue 3进行开发。

Note

If you think TemplateAdmin is helpful to you, or you like my project, please give my project a ⭐️ on GitHub. Your support is the driving force for me to continue to improve! Thank you for your support! If there are any areas that are not good enough, please raise an issue and I will improve it!
如果你认为TemplateAdmin对你有帮助，或者你喜欢我的项目，请给我的项目一个⭐️ 在GitHub上。您的支持是我不断改进的动力！感谢您的支持！如果有什么地方不够好，请提出issue，我会改进的！

Introduction

该模板使用Vue3 + Ts + Vite + Pinia + UnoCss + Naive UI搭建，配置了Prettier和Eslint，提供了前端路由和动态路由，请求封装，全局loading，进度条、主题布局配置、全局颜色修改、路由权限，按钮权限等功能，Icon使用UnoCss图标预设，封装了对应的svg-icon组件，可以通过使用svg-icon name="..."引入对应的svg图标，对应Svg图标预设，希望这个可以作为您的初始化项目模板，供您拓展和自定义属于您的项目。

Recommended IDE Setup

推荐的IDE：

VSCode：我已配置了Prettier和Eslint，您可以结合VsCode对应的插件使用，这将减少您手动格式化代码的麻烦。 node版本: v20.9.0 pnpm版本: 9.3.0

Example Images

页面示例

主题配置

角色权限

Project Setup

pnpm install

Compile and Hot-Reload for Development

pnpm dev

Type-Check, Compile and Minify for Production

pnpm build

Lint with ESLint

pnpm lint