Skip to content

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 - 命令行工具