Vitesse 的 uni-app 版本

在线 Demo

该模板主要是为了兼容 uni-app 拥有更好的开发体验。如无跨端需求，建议使用 Nuxt 3 来代替。

特性

• ⚡️ Vue 3, Vite, pnpm, ESBuild - 就是快！

• 🗂 基于文件的约定式路由

• 📦 组件自动化加载

• 📑 布局系统

• 🍍 使用 Pinia 的状态管理

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

• 😃 各种图标集为你所用

• 🔥 使用 新的 <script setup> 语法

• 📥 API 自动导入 - 直接使用 Composition API 等

• ✅ 使用 Vitest 进行单元测试

• 🦾 TypeScript, 当然

• 🔒︎ 锁 pnpm 包管理

• ☁️ 零配置部署 Netlify

从 Vitesse 中删除了以下特性

• i18n
• VueUse
• SSG
• PWA
• Markdown

预配置

UI 框架

• UnoCSS - 高性能且极具灵活性的即时原子化 CSS 引擎
• uv-ui - uv-ui 破釜沉舟之兼容vue3+2、app、h5、小程序等多端基于uni-app和uView2.x的生态框架，支持单独导入，开箱即用，利剑出击。

Icons

• Iconify - 使用任意的图标集，浏览：🔍Icônes
• UnoCSS 的纯 CSS 图标方案

插件

• Pinia - 直接的, 类型安全的, 使用 Composition API 的轻便灵活的 Vue 状态管理
• vite-plugin-uni-pages - 以文件系统为基础的路由
• vite-plugin-uni-layouts - 页面布局系统
• unplugin-vue-components - 自动加载组件
• unplugin-auto-import - 直接使用 Composition API 等，无需导入
• reactivity-transform - Vue Macros Reactivity Transform 独立包
• vite-plugin-vue-devtools - 旨在增强Vue开发者体验的Vite插件

编码风格

• 使用 <script setup> 的 SFC 语法 与 Composition API 结合使用。
• 使用 ESLint 工具检查代码格式，并使用 @antfu/eslint-config 配置，使用单引号并去掉分号。

开发工具

• TypeScript
• Vitest - 基于 Vite 的单元测试框架
• pnpm - 快, 节省磁盘空间的包管理器
• Netlify - 零配置的部署
• VS Code 扩展
  • Volar - Vue 3 <script setup> IDE 支持
  • Iconify IntelliSense - 图标内联显示和自动补全
  • ESLint

现在可以试试!

GitHub 模板

使用这个模板创建仓库.

克隆到本地

如果您更喜欢使用更干净的 git 历史记录手动执行此操作

npx degit 6starlong/vitesse-uni my-uni-app
cd my-uni-app
pnpm i # 如果你没装过 pnpm, 运行: npm install -g pnpm