uphg/resolve

Vue App Starter

快速创建单页应用 APP 模板。

特性

• ⚡️ Vue 3, Vite 3, pnpm, ESBuild
• 🧩 组件自动化加载
• 🎨 UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎

• 🔥 使用 新的 <script setup> 语法
• ✅ 使用 Vitest 进行单元和组件测试
• 🦾 TypeScript
• 🎲 封装 Mock 方法，方便开发环境 Mock 数据
• 📦 根据路由/依赖库分包打包生产环境

预设

CSS 框架

• Sass
• UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎

插件

• Vue Router
• unplugin-auto-import - 直接使用 Composition API 等，无需导入
• unplugin-vue-components - 自动加载组件
• VueUse - 实用的 Composition API 工具合集

开启 Volar 接管模式（仅针对 VSCode + Volar）

Volar 接管模式的 TypeScript 类型提示性能更高，通过以下步骤启用：

1. 在当前项目的工作空间下，用 Ctrl + Shift + P (macOS：Cmd + Shift + P) 唤起命令面板。
2. 输入 built，然后选择“Extensions：Show Built-in Extensions”。
3. 在插件搜索框内输入 typescript (不要删除 @builtin 前缀)。
4. 点击“TypeScript and JavaScript Language Features”右下角的小齿轮，然后选择“Disable (Workspace)”。
5. 重新加载工作空间。Takeover 模式将会在你打开一个 Vue 或者 TS 文件时自动启用。