搭配方案

共 6 条
Pinia + Vite Vite+ TypeScript TypeScript + Node.js 18++ Nginx+ Vue 3+ Element Plus+ OpenRouter

Vue 3 + Vite 前端结合 Element Plus 与 OpenRouter 流式对话构建全栈 AI 创作界面

Vue 3 + Vite + TS 提供现代化前端框架;Pinia 做状态管理;Element Plus 提供 UI 组件;vue-i18n 做多语言;前端通过 OpenRouter 的 SSE 接口实现流式对话。

✓ 前后端职责分离便于独立部署✓ 组件生态丰富 UI 开箱即用 ✕ 前端仍依赖后端 SSE 接口与 API ✕ 编译产物需 Nginx 等 Web 服务
Pinia + Vite Vite+ TypeScript TypeScript + Node 20++ pnpm+ Vue3+ Vant4+ Tailwindcss

开箱即用的 Vue3 移动端 H5 项目基础模板

✓ 开箱即用,功能齐全✓ 支持 TS/JS 双版本分支 ✕ 要求 Node 版本 20+
Pinia + pnpm+ bun+ Nuxt 3+ TailwindCSS+ Headless UI+ Nuxt Icon

Nuxt 3 启动模板,集成 TailwindCSS 与常用组件、状态管理,可零配置扩展

Nuxt 3 提供框架与 Layer 扩展机制,TailwindCSS 负责样式,Pinia 管状态,VueUse 提供组合式工具,Headless UI 提供无样式组件

✓ 零配置通过 Nuxt Layer 扩展✓ 内置丰富组件与布局 ✕ 依赖 pnpm 或 bun 包管理器✕ 部分组件仍在待办未完成
Pinia + Vite Vite+ TypeScript TypeScript + Node 20.19++ pnpm 10++ SCSS+ Vue3+ Element Plus+ Vue Router

构建具备权限、主题与多环境能力的后台管理前端

Vue3负责界面与组合式开发,Vite负责构建,TypeScript提供类型支持,Element Plus提供组件,Pinia管理状态,Vue Router承担路由。

✓ 结构简化,注释详细✓ 支持动态路由权限 ✕ Node与pnpm版本要求较新✕ 4.x版本不再持续维护
Pinia + Vite Vite+ UnoCSS UnoCSS+ Vitest Vitest+ Cypress Cypress + pnpm+ Node >=14.18+ Netlify+ Vue 3

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

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

✓ 基于文件路由自动化加载组件✓ 零配置部署 Netlify ✕ 官方建议改用 Nuxt 3✕ 仅缓慢维护更新少
Pinia + TypeScript TypeScript+ UnoCSS UnoCSS + 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