https://github.com/antfu-collective/vitesse-lite

⛺️ Lightweight version of Vitesse
https://github.com/antfu-collective/vitesse-lite

vite vitesse vue vue-composition-api

Last synced: about 2 months ago
JSON representation

⛺️ Lightweight version of Vitesse

• Host: GitHub
• URL: https://github.com/antfu-collective/vitesse-lite
• Owner: antfu-collective
• License: mit
• Created: 2021-07-19T15:23:06.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-05-19T02:12:30.000Z (4 months ago)
• Last Synced: 2024-07-29T10:13:49.473Z (about 2 months ago)
• Topics: vite, vitesse, vue, vue-composition-api
• Language: TypeScript
• Homepage: https://vitesse-lite.netlify.app/
• Size: 949 KB
• Stars: 1,075
• Watchers: 14
• Forks: 207
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        


  





Live Demo





Lightweight version of Vitesse








English | 简体中文



## Features

- ⚡️ [Vue 3](https://github.com/vuejs/core), [Vite](https://github.com/vitejs/vite), [pnpm](https://pnpm.io/), [ESBuild](https://github.com/evanw/esbuild) - born with fastness

- 🗂 [File based routing](./src/pages)

- 📦 [Components auto importing](./src/components)

- 🎨 [UnoCSS](https://github.com/antfu/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)

- ✅ Use [Vitest](http://vitest.dev/) for unit and components testing

- 🦾 TypeScript, of course

- ☁️ Deploy on Netlify, zero-config

<br>

See [Vitesse](https://github.com/antfu/vitesse) for full featureset.

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

- ~~i18n~~

- ~~Layouts~~

- ~~SSG~~

- ~~PWA~~

- ~~Markdown~~

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

- [Vue Router](https://github.com/vuejs/vue-router)

  - [`unplugin-vue-router`](https://github.com/posva/unplugin-vue-router) - file system based routing

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

- [`unplugin-vue-macros`](https://github.com/sxzz/unplugin-vue-macros) - Explore and extend more macros and syntax sugar to Vue.

- [VueUse](https://github.com/antfu/vueuse) - collection of useful composition APIs

## Try it now!

### GitHub Template

[Create a repo from this template on GitHub](https://github.com/antfu/vitesse-lite/generate).

### Clone to local

If you prefer to do it manually with the cleaner git history

```bash

npx degit antfu/vitesse-lite my-vitesse-app

cd my-vitesse-app

pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

```