https://github.com/Ares-Chang/uni-vitesse
使用 Vitesse cli 而不是 HbuildX 获得 double 的开发快乐! Uniapp + Vue 3 + TS + UnoCSS template
https://github.com/Ares-Chang/uni-vitesse
hbuilderx uniapp unocss vitesse vue3-typescript
Last synced: 15 days ago
JSON representation
使用 Vitesse cli 而不是 HbuildX 获得 double 的开发快乐! Uniapp + Vue 3 + TS + UnoCSS template
- Host: GitHub
- URL: https://github.com/Ares-Chang/uni-vitesse
- Owner: Ares-Chang
- License: mit
- Created: 2022-07-22T09:48:07.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2025-02-08T07:54:14.000Z (2 months ago)
- Last Synced: 2025-03-25T14:07:13.344Z (22 days ago)
- Topics: hbuilderx, uniapp, unocss, vitesse, vue3-typescript
- Language: TypeScript
- Homepage: https://uni-vitesse.netlify.app
- Size: 1.23 MB
- Stars: 325
- Watchers: 9
- Forks: 56
- Open Issues: 1
-
Metadata Files:
- Readme: README.en-US.md
- License: LICENSE
Awesome Lists containing this project
- awesome-uni-app - vue3 - Chang/uni-vitesse) - uni-app 版的 vitesse-lite (模板)
README
Live Demo
UniAPP version of Vitesse-lite
简体中文 | English
Environment configuration Copy From [Vitesse-lite](https://github.com/antfu/vitesse-lite), Strive for a development experience good environment configuration.
## Features
- ⚡️ [Vue 3](https://github.com/vuejs/core), [Vite 3](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/), [ESBuild](https://github.com/evanw/esbuild) - born with fastness
- 🗂 [File based routing](https://github.com/Ares-Chang/uni-vitesse/tree/master/src/pages)
- 📦 [Components auto importing](https://github.com/Ares-Chang/uni-vitesse/blob/master/src/components)
- 📑 [Layout system](https://github.com/Ares-Chang/uni-vitesse/tree/master/src/layouts)
- 🍍 [State Management via Pinia](https://pinia.vuejs.org)
- 🎨 [UnoCSS](https://github.com/unocss/unocss) - The instant on-demand atomic CSS engine.
- 😃 Use icons from any icon sets in [Pure CSS](https://github.com/antfu/unocss/tree/main/packages/preset-icons)
- 🔥 Use the [new `` style](https://github.com/vuejs/rfcs/pull/227)
- 📥 [APIs auto importing](https://github.com/antfu/unplugin-auto-import) - use Composition API and others directly
- ✅ Use [Vitest](http://vitest.dev/) for unit and components testing
- 🦾 TypeScript, of course
- 🔒︎ [Lock the pnpm package manager](https://pnpm.io/only-allow-pnpm)
- ☁️ Deploy on [Netlify](https://www.netlify.com/), zero-config
<br>
If there is no cross-end requirement, [Vitesse-lite](https://github.com/antfu/vitesse-lite) is recommended
## Usage Notes
`[email protected]` and later are [not specifically compatible with UniApp](https://github.com/dcloudio/uni-app/issues/4604), you can install the version before `[email protected]`, or use the [vite-plugin-uni-polyfill](https://github.com/Ares-Chang/vite-plugin-uni-polyfill) plugin for simple compatibility.
But the applet side still has some APIs that are not supported even if it is compatible, so you need to judge and handle them yourself.
## Pre-packed
### UI Frameworks
- [UnoCSS](https://github.com/antfu/unocss) - The instant on-demand atomic CSS engine.
### Icons
- [Iconify](https://iconify.design) - use icons from any icon sets [🔍Icônes](https://icones.netlify.app/)
- [Pure CSS Icons via UnoCSS](https://github.com/antfu/unocss/tree/main/packages/preset-icons)
### Test Framework
- [Vitest](https://github.com/vitest-dev/vitest) - Unit testing powered by Vite
### Plugins
- [`Pinia`](https://pinia.vuejs.org) - Intuitive Vue.js state management library
- [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) - Directly use Vue Composition API and others without importing
- [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components) - components auto import
- [`vite-plugin-vue-devtools`](https://github.com/webfansplz/vite-plugin-vue-devtools) - Designed to enhance the Vue developer experience.
- [`@areschang/utils`](https://github.com/Ares-Chang/utils) - Personal common tool functions
- [`uni-use-router`](https://github.com/Ares-Chang/uni-use-router) - UniApp routing jump supplement function library, close to Vue Router syntax
- [`VueUse`](https://github.com/vueuse/vueuse) - Vue 3 Composition API utility library
- [`uni-helper`](https://github.com/uni-helper) org
- [`vite-plugin-uni-pages`](https://github.com/uni-helper/vite-plugin-uni-pages) - file system based routing
- [`vite-plugin-uni-layouts`](https://github.com/uni-helper/vite-plugin-uni-layouts) - layouts for pages
- [`uni-types`](https://github.com/uni-helper/uni-typed/tree/main/packages/uni-types) - UniApp Type enhance
- [`unocss-preset-uni`](https://github.com/uni-helper/unocss-preset-uni) - UnoCSS UniApp preset，Fixed `Windows` Frequent platform crashes [#3603](https://github.com/dcloudio/uni-app/issues/3603)
- [`unocss-applet`](https://github.com/unocss-applet/unocss-applet) - UnoCSS applets preset, compatible with the use of 'Attributify Mode' in applets
- [`eslint-config`](https://github.com/uni-helper/eslint-config) - [Antfu ESLint](https://github.com/antfu/eslint-config) configuration for UniApp
- [`uni-use`](https://github.com/uni-helper/uni-use) - UniApp utility function library based on VueUse
### Coding Style
- Use Composition API with [`<script setup>` SFC syntax](https://github.com/vuejs/rfcs/pull/227)
- [ESLint](https://eslint.org/) with [@antfu/eslint-config](https://github.com/antfu/eslint-config), single quotes, no semi.
## Try it now!
### GitHub Template
[Create a repo from this template on GitHub](https://github.com/ares-chang/uni-vitesse/generate).
### Clone to local
If you prefer to do it manually with the cleaner git history
```bash
npx degit ares-chang/uni-vitesse my-uni-app
cd my-uni-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm
```
### Checklist
When you use this template, try follow the checklist to update your info properly
- [ ] Change the author name in `LICENSE`
- [ ] Change the project name, description, `appid` in `manifest.json`
- [ ] Change the icon in `public`
- [ ] Clean up the `README` and delete the demo pages and components
Now enjoy your new project! :)
### Run
Refer to uni-app official documentation：[运行、发布uni-app](https://uniapp.dcloud.net.cn/quickstart-cli.html#%E8%BF%90%E8%A1%8C%E3%80%81%E5%8F%91%E5%B8%83uni-app)