Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pin705/uni-vitesse

Starter uniapp vite + ts + unocss
https://github.com/pin705/uni-vitesse

Last synced: 8 days ago
JSON representation

Starter uniapp vite + ts + unocss

Awesome Lists containing this project

README

        


Uni Vitesse - Opinionated Vite Starter Template


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)

- 🦾 TypeScript, of course

- 🔒︎ [Lock the pnpm package manager](https://pnpm.io/only-allow-pnpm)

<br>

If there is no cross-end requirement, [Vitesse-lite](https://github.com/antfu/vitesse-lite) is recommended

## Dropped Features from [Vitesse-lite](https://github.com/antfu/vitesse-lite)

- ~~vite-plugin-pages~~
- ~~VueUse~~
- ~~Vitest~~

## 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)

### Plugins

- [`Pinia`](https://pinia.vuejs.org) - Intuitive Vue.js state management library
- [`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
- [`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
- [`unocss-preset-weapp`](https://github.com/MellowCo/unocss-preset-weapp) - UnoCSS applets preset, compatible with the use of 'Attributify Mode' in applets
- [`reactivity-transform`](https://vue-macros.sxzz.moe/features/reactivity-transform.html) - Vue Macros Reactivity Transform standalone package with `reactivityTransform` syntax candy enabled
- [`uni-env`](https://github.com/uni-helper/uni-env) - Get the current environment gracefully in uni-app

## 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
```

### 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)