MitrichevGoing / uni-vitesse

使用 Vitesse cli 而不是 HbuildX 获得 double 的开发快乐! Uniapp + Vue 3 + TS + UnoCSS template

在线 Demo

UniAPP 版的 Vitesse-lite

简体中文 | English

环境配置 Copy From Vitesse-lite, 力求一个开发体验良好的环境配置。

特性

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

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

• 📦 组件自动化加载

• 📑 布局系统

• 🍍 使用 Pinia 的状态管理

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

• 😃 各种图标集为你所用

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

• 🦾 TypeScript, 当然

• 🔒︎ 锁 pnpm 包管理

如无跨端需求, 更推荐 Vitesse-lite

从 Vitesse-lite 中删除了以下特性

• vite-plugin-pages
• VueUse
• Vitest

预配置

UI 框架

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

Icons

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

插件

• Pinia - 符合直觉的 Vue.js 状态管理库
• vite-plugin-uni-pages - 基于文件的约定式路由
• vite-plugin-uni-layouts - 页面布局系统
• unplugin-auto-import - 直接使用 Composition API 等，无需导入
• unplugin-vue-components - 组件自动导入
• unocss-preset-weapp - UnoCSS 小程序预设，兼容在小程序中使用 Attributify Mode
• reactivity-transform - Vue Macros Reactivity Transform 独立包，可开启 reactivityTransform 语法糖
• uni-env - 在 uni-app 中优雅的获取当前环境

现在可以试试!

GitHub 模板

使用这个模板创建仓库.

克隆到本地

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

npx degit ares-chang/uni-vitesse my-uni-app
cd my-uni-app
pnpm i # 如果你没装过 pnpm, 可以先运行: npm install -g pnpm

运行

参考 uni-app 官方文档：运行、发布uni-app