🚀一站式前端开发模板！Vite + Antd + Tailwind + i18n + Zustand + Storybook，全家桶一把梭！
🌟 最近在做中后台或者多语言项目？组件状态管理混乱、样式体系难统一、国际化方案又重又乱？我踩了无数坑，终于搞出了一套 “上手即用、可扩展性强” 的前端项目模板，分享给大家！
👉 GitHub 地址（欢迎 star✨）： github.com/nianyi778/v…
🧩 技术栈亮点
✅ Vite + React
极速开发体验，冷启动飞快。已经配置好 tsconfig, alias, eslint, prettier 等开发基础设施。
✅ Radix UI + TailwindCSS
Radix UI 提供了无样式、可访问性友好的基础组件，结合 TailwindCSS 打造出更灵活、极致可定制的 UI 系统。组件结构干净，适合定制品牌化 UI。
✅ Zustand
轻量、现代的 React 状态管理方案，简洁好维护，适合中大型项目。
✅ i18next 国际化支持
多语言配置开箱即用，适合做海外版、跨境、B 端后台。
✅ Storybook
组件文档与设计协作神器，配好即可使用，适合团队协作与 UI 开发。
🚀 开箱即用的配置
- ✅ TypeScript 支持
- ✅ ESLint + Prettier 规范统一
- ✅ 路由懒加载
- ✅ 环境变量多环境配置
- ✅ Tailwind 主题色预设（可自定义）
- ✅ Zustand 状态管理模块封装
- ✅ 国际化中英文示例
- ✅ Storybook 本地预览组件
- ✅ 可扩展的 UI 构建模式（适合做组件库）
🛠️ 使用场景
- 多语言国际化项目
- 管理后台系统
- UI 组件库项目
- 需要快速起手开发的中小型业务前端
🧪 快速开始
pnpm install
pnpm dev
本地开发就能体验全套工具链的丝滑开发体验！
📦 项目结构一览
├── src/
│ ├── components/ // 通用组件
│ ├── stores/ // Zustand 状态
│ ├── locales/ // i18n 配置
│ ├── routes/ // 路由配置
│ └── pages/ // 页面模块
├── .storybook/ // Storybook 配置
├── tailwind.config.ts
└── vite.config.ts
🦉 示意图
❤️ 开源不易，欢迎支持！
这个项目已经帮我节省了大量的项目初始化时间。如果你也觉得有用，欢迎：
- 点个 Star ⭐️ 支持一下
- 分享给同事朋友
- 提 issue / PR 一起完善
📮 GitHub 项目地址再贴一遍： 👉 vite_antd_tailwind_i18n_zustand_storybook-template
