介绍
Vite TS Starter（以下简称 VTS） 是一个基于 Vite 6.x + Vue 3.x + TypeScript 的快速开发模板，专为中小型 B 端后台管理系统设计。它集成了 Element Plus、Vue Router、Vuex 等技术，提供了一套开箱即用的前端解决方案。
→ 🔥 在线体验
⭐⭐⭐⭐⭐
如果 VTS 能为你的开发工作带来便利，欢迎前往 Github 帮我点个 ⭐ Star 支持一下，这将是对我最大的鼓励。项目在持续优化中，欢迎你提出宝贵的建议，一起让它变得更好。
技术选型
特性
- 🚀 极速开发：Vite 6 极快的冷启动和 HMR，提升开发效率。
- 🎨 高效 UI 组件库：内置 Element Plus 2.x，适用于后台管理系统。
- 📦 最佳实践：Vue 3 组合式 API + Vuex 4 + i18n + 权限管理，开箱即用。
- 🔧 开发者友好：TypeScript、ESLint、Stylelint、Husky + lint-staged，保证代码规范。
- 🌍 多语言支持：内置 i18n，支持 Vue Router 级别的语言切换。
- 🛠️ 现代化工具链：Vitest 单测框架，测试执行更快。
- 🔄 灵活封装：Axios 请求封装 + Vuex Actions，提高代码复用性。
- ✨ 增强功能：
$ModalDialog插件 +<IconFont />组件，简化开发。 - 🔑 路由鉴权：内置路由鉴权 + Nprogress 进度条，轻松管理访问控制。
- 📂 模块化架构：页面、路由、样式等模块化设计，降低耦合度。
- ⏳ 专注业务开发：轻量模板，去冗余配置，开箱即用。
适用场景
- 极速构建：快速启动 Vue 3 + TypeScript 后台管理系统，享受 Vite 带来的高效开发体验。
- 前沿学习：适合希望掌握 Vite 最新技术栈、Vue 组合式 API 及最佳实践的开发者。
- 轻量模板：为寻求功能完善且轻量级前端模板的开发者提供支持。
模板优势
- 开箱即用：精简设计，无冗余组件和插件，克隆后仅需少量配置，即可直接投入使用，避免了其他模板中繁杂的清理工作。
- 模块化架构：采用高内聚、低耦合的模块化设计，各功能模块独立而协同，便于维护和扩展。
相关仓库
除了 VTS，我还维护了多个不同技术栈的模板，希望对你有所帮助：
- 💥 (推荐) TS + Pinia + 低耦合 i18n 多语言
- ⚡️ TS + Pinia Vite5 + Vue3 + Pinia + i18n
- ⚡️ JS + Pinia Vite5 + Vue3 + Pinia + i18n
- ⚡️ TS + Vuex4 (当前仓库) Vite6 + Vue3 + Vuex4 + i18n
- ⚡️ JS + Vuex4 Vite5 + Vue3 + Vuex4 + i18n
欢迎选择最适合你的模板进行开发！
🌹 支持
如果你觉得这个项目有帮助，或喜欢我做的工作，欢迎点击项目右上角的 ⭐️ Star 按钮进行支持！每一个星标都是对我最大的鼓励，帮助我不断改进和前进。非常感激你的支持！😊
如果你有任何建议、意见，或想参与项目的开发，也非常欢迎与我联系！
你可以通过以下几种方式与我们互动：
再次感谢你的支持，期待一起让这个项目变得更强大！🙏