Vite superlight Beginner Starter Template

Vide

Vue3 + Vite Starter Template, super leightweight Targeted for beginners

The Goal was to create a super lightweight Vite Starter template with as few dependencies as possible, but at the same time provide a good amount of utility. To deliver a clean entry point for newcomers and advanced Vue + Vite users.

Live Demo

Get Started

npx degit nico-mayer/vide my-vide-app

cd my-vide-app

yarn # If you don't have yarn installed, run: npm install

yarn dev # or npm run dev to start the development server

Features

⚡️ Vue 3, Vite 2
? Easy Custumizable Dark Mode
? [File based routing]
? Components auto importing
? UnoCSS – the instant on-demand atomic CSS engine
? Use icons from any icon sets with classes
? Use the new <script setup> syntax
? TypeScript

Pre-packed

UI Frameworks

UnoCSS – The instant on-demand atomic CSS engine.

Icons

Iconify – use icons from any icon sets ?Icônes
Pure CSS Icons via UnoCSS

Plugins

Vue Router
- vite-plugin-pages – file system based routing

Coding Style

Use Composition API with <script setup> SFC syntax

Dev tools

TypeScript
VS Code Extensions
- Vite – Fire up Vite server automatically
- Volar – Vue 3 <script setup> IDE support
- Iconify IntelliSense – Icon inline display and autocomplete

Vide requires Node >=14

Build

To build the App, run

yarn build

And you will see the generated files in dist that are ready to be served.

## Roadmap

Implement File based routing
Add unoCSS with pure css icons
Write guide for custumizing dark mode
Improve about page content

This template is inspired by vitesse and vitesome

GitHub

View Github

Vite superlight Beginner Starter Template

Vide

Get Started

Features