Uni Vitesse

Uni Vitesse 是一个基于 UniApp 的脚手架,采用 Vue 3、TypeScript 和 UnoCSS,高度拥抱 Web 环境,提供类似 Vitesse-lite 的开发体验。它优化了开发流程,支持文件路由、组件自动加载、布局系统等功能,旨在提升 UniApp 开发效率。

Check out Uni Vitesse on CurateClick

• Copy the embed code to showcase this product on your website

• Share on X to spread the word about this amazing tool

<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!

Latest Weekly Picks

pslscale.com favicon
Weekly Pick

Discover your PSL (Perceived Sexual Market Value) score with our AI-powered facial analysis

MILO

IPYNB to PDF Converter – Free & Secure

lejintian
www.reverie.im favicon
Weekly Pick

Dream It, Chat It, Create It

Louis
make.ink favicon
Weekly Pick

Your AI tattoo generator for pro-grade concepts

Leo Wade
sellfy.com favicon
Weekly Pick

A code-free online store builder to turn views into revenue. Sell digital products, subscriptions, and merch, without fees or hassle.

Maris
www.videotoblog.ai favicon
Weekly Pick

Convert videos into awesome blog posts.

Video To Blog
www.sellerpic.ai favicon
Weekly Pick

SellerPic is the all-in-one AI design platform for e-commerce

SellerPic
fastimage.ai favicon
Weekly Pick

Fast Image AI instantly transforms your photos into stunning styles like Ghibli, Sketch, and Pixar. Effortlessly control image elements and create amazing effects with just one click.

Fast AI Team