VUP 是什么
VUP (Vue Universal Project) 是一个基于 Monorepo 架构的现代化项目脚手架工具,遵循"约定大于配置"的理念,帮助开发者快速创建 Vue.js 应用程序,减少配置时间,专注于业务逻辑开发。
核心理念
📋 约定大于配置
通过预定义的项目结构和配置,让开发者无需在项目初始化时做过多选择,按照既定的最佳实践来组织代码。
- 减少决策疲劳,快速开始项目
- 团队协作时保持代码风格一致
- 降低学习成本,新成员快速上手
🚀 开箱即用
所有模板都预配置了现代化的开发工具链,无需额外配置即可开始开发。
- 开发服务器和热重载
- 构建和打包工具
- 代码质量检查工具
- 样式预处理器和国际化支持
🏗️ Monorepo 架构
将所有应用和共享资源统一管理在一个代码仓库中。
- 统一管理 - 便于版本控制和团队协作
- 共享资源 - 公共组件、样式、工具函数可复用
- 依赖管理 - 统一管理依赖版本,避免冲突
- 构建优化 - 支持增量构建,提高效率
技术规范
VUP 基于 Monorepo 架构,所有模板都预配置了统一的技术栈和开发工具:
- pnpm Workspace - 包管理和依赖管理
- TypeScript - 统一的类型系统
- ESLint + Prettier - 代码质量检查和格式化
- Tailwind CSS - 统一的样式系统
- Vite - 快速的构建工具
- EditorConfig - 编辑器配置
- 自动格式化 - 保存时自动格式化
可用模板
VUP 提供了丰富的项目模板,用户可以通过 vup add
命令选择需要的模板添加到 Monorepo 的 apps/
目录下,涵盖前端、后端、移动端、扩展开发等多个领域:
前端框架
- Vue SPA - Vue 3 + Vite + TypeScript
- Nuxt.js - 全栈 Vue 框架
- VitePress - 文档站点生成器
后端框架
- Nest.js - Node.js 后端框架
移动端
- UniApp - 跨平台移动应用
- Capacitor - 混合移动应用
扩展开发
- WXT - 浏览器扩展
组件库
- Components - Vue 组件库
工具开发
- CLI - 命令行工具