搭配方案

共 5 条
UnoCSS + Vite Vite+ TypeScript TypeScript+ Vitest Vitest + pnpm+ Node v20+ Vue3

vite+vue3+ts 开箱即用的现代 web 开发模板,免去配置直接开发

以 Vite 构建配合 Vue3 与 TS,主流插件配置整合进 presets,文件路由、自动引入、状态管理开箱即用

✓ 开箱即用省配置时间✓ 整合主流插件现代架构 ✕ 仅支持 pnpm 包管理器
UnoCSS + Bun Bun+ TypeScript TypeScript+ Vite Vite+ ESLint ESLint + Node 环境+ Husky+ Prettier+ Vue3

Bun+Vite+Vue3+TS+UnoCSS 打造高性能企业级中后台管理系统

Bun 加速安装与热更新,Vite 提供开发服务,Vue3+TS 保证类型安全,UnoCSS 原子化样式,ESLint/Husky 保障质量

✓ 毫秒级热更新开发体验✓ 零配置开箱即用 ✕ 依赖 Bun 运行时
UnoCSS + Node.js 21.x+ pnpm 10.x+ Docker Compose+ Vue 3+ Vite 6+ Naive UI+ alova+ pro-naive-ui

用最新前端技术栈搭建简洁干净、可二次开发的后台管理模板

Vue3+Vite6+TS 提供现代开发底座,NaiveUI/pro-naive-ui 负责界面与布局,Unocss 处理原子化样式,alova 统一封装请求,Pinia 管状态,i18n 做多语言

✓ 技术栈新且统一✓ 支持本地+动态路由 ✕ ESLint 仅在提交时校验
UnoCSS + Vite Vite+ Pinia Pinia+ Vitest Vitest+ Cypress Cypress + pnpm+ Node >=14.18+ Netlify+ Vue 3

Vite+Vue3 起步模板,集成路由、状态、PWA、测试与零配置部署

Vite+esbuild 提供极速开发,Pinia 管状态,UnoCSS 原子化样式,Vitest/Cypress 覆盖单测与 E2E

✓ 基于文件路由自动化加载组件✓ 零配置部署 Netlify ✕ 官方建议改用 Nuxt 3✕ 仅缓慢维护更新少
UnoCSS + TypeScript TypeScript+ Pinia Pinia + NodeJS >=20.19.0+ pnpm >=10.5.0+ pnpm monorepo+ Vue 3+ Vite 8+ ApiFox

构建开箱即用的 Vue 3 后台管理系统

Vue3负责界面,Pinia负责状态,UnoCSS支持主题,ApiFox提供在线Mock,Vite负责构建。

✓ 开箱即用,无需额外配置✓ 支持主题、国际化与权限路由 ✕ 必须使用 pnpm 安装依赖✕ 要求 NodeJS >=20.19.0