Uni Vitesse
Uni Vitesse 是一个基于 UniApp 的脚手架,采用 Vue 3、TypeScript 和 UnoCSS,高度拥抱 Web 环境,提供类似 Vitesse-lite 的开发体验。它优化了开发流程,支持文件路由、组件自动加载、布局系统等功能,旨在提升 UniApp 开发效率。
<p align='center'> <img src='https://user-images.githubusercontent.com/36911513/250519667-0b07fd60-968d-4d81-9185-1e8ac421ab02.png' alt='Uni Vitesse - Opinionated Vite Starter Template' width='800'/></p><h6 align='center'><a href="https://uni-vitesse.netlify.app/">在线 Demo</a></h6><h5 align='center'><b>UniAPP 版的 <a href="https://github.com/antfu/vitesse-lite">Vitesse-lite</a></b></h5><br/><p align='center'><b>简体中文</b> | <a href="https://github.com/Ares-Chang/uni-vitesse/blob/master/README.en-US.md">English</a></p><br/>环境配置 Copy From [Vitesse-lite](https://github.com/antfu/vitesse-lite), 力求一个开发体验良好的环境配置。使用 Vitesse cli 而不是 HbuildX 获得 double 的开发快乐! Uniapp + Vue 3 + TS + UnoCSS template。## 特性- ⚡️ [Vue 3](https://github.com/vuejs/core), [Vite 3](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/), [ESBuild](https://github.com/evanw/esbuild) - 就是快!- 🗂 [基于文件的约定式路由](https://github.com/Ares-Chang/uni-vitesse/tree/master/src/pages)- 📦 [组件自动化加载](https://github.com/Ares-Chang/uni-vitesse/blob/master/src/components)- 📑 [布局系统](https://github.com/Ares-Chang/uni-vitesse/tree/master/src/layouts)- 🍍 [使用 Pinia 的状态管理](https://pinia.vuejs.org)- 🎨 [UnoCSS](https://github.com/unocss/unocss) - 高性能且极具灵活性的即时原子化 CSS 引擎- 😃 [各种图标集为你所用](https://github.com/antfu/unocss/tree/main/packages/preset-icons)- 🔥 使用 [新的 `<script setup>` 语法](https://github.com/vuejs/rfcs/pull/227)- 📥 [API 自动导入](https://github.com/Ares-Chang/uni-vitesse/tree/master/src/composables) - 直接使用 Composition API 等- ✅ 使用 [Vitest](https://vitest.dev/) 进行单元和组件测试- 🦾 TypeScript, 当然- 🔒︎ [锁 pnpm 包管理](https://pnpm.io/only-allow-pnpm)- ☁️ 零配置部署 [Netlify](https://www.netlify.com/)<br>如无跨端需求, 更推荐 [Vitesse-lite](https://github.com/antfu/vitesse-lite)## 从 [Vitesse-lite](https://github.com/antfu/vitesse-lite) 中删除了以下特性- ~~VueUse~~## 预配置### UI 框架- [UnoCSS](https://github.com/antfu/unocss) - 高性能且极具灵活性的即时原子化 CSS 引擎### Icons- [Iconify](https://iconify.design) - 使用任意的图标集,浏览:[🔍Icônes](https://icones.netlify.app/)- [UnoCSS 的纯 CSS 图标方案](https://github.com/antfu/unocss/tree/main/packages/preset-icons)### 测试框架- [Vitest](https://github.com/vitest-dev/vitest) - 由 Vite 支持的单元测试### 插件- [`Pinia`](https://pinia.vuejs.org) - 符合直觉的 Vue.js 状态管理库- [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) - 直接使用 Composition API 等,无需导入- [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components) - 组件自动导入- [`vite-plugin-vue-devtools`](https://github.com/webfansplz/vite-plugin-vue-devtools) - 旨在增强 Vue 开发者体验。- [`uni-helper`](https://github.com/uni-helper) 组织 - [`vite-plugin-uni-pages`](https://github.com/uni-helper/vite-plugin-uni-pages) - 基于文件的约定式路由 - [`vite-plugin-uni-layouts`](https://github.com/uni-helper/vite-plugin-uni-layouts) - 页面布局系统 - [`uni-app-types`](https://github.com/uni-helper/uni-app-types) - UniApp 类型增强 - [`unocss-preset-uni`](https://github.com/uni-helper/unocss-preset-uni) - UnoCSS UniApp 预设,修复 `Windows` 平台频繁崩溃问题 [#3603](https://github.com/dcloudio/uni-app/issues/3603) - [`unocss-applet`](https://github.com/unocss-applet/unocss-applet) - UnoCSS 小程序预设,兼容在小程序中使用 `Attributify Mode` - [`eslint-config`](https://github.com/uni-helper/eslint-config) - 适用于 UniApp 的 [Antfu ESLint](https://github.com/antfu/eslint-config) 配置### 编码风格- 使用 [`<script setup>` 的 SFC 语法](https://github.com/vuejs/rfcs/pull/227) 与 Composition API 结合使用。- 使用 [ESLint](https://eslint.org/) 工具检查代码格式,并使用 [@antfu/eslint-config](https://github.com/antfu/eslint-config) 配置,使用单引号并去掉分号。## [Uni-Vitesse 仓库链接](https://github.com/Ares-Chang/uni-vitesse)**同时:使用 UniApp cli 的同学们可以多多关注 [Uni-Helper](https://github.com/uni-helper) 组织,该组织致力于优化 UniApp 开发体验,积极拥抱 Web 开源环境.**同学们如果有想要开始开源经历的,可以积极参与,欢迎 issues, pr.Thanks!