Vite superlight Beginner Starter Template
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.
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
-
? Easy Custumizable Dark Mode
-
? [File based routing]
-
? Components auto importing
-
? UnoCSS – the instant on-demand atomic CSS engine
-
? 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
-
- 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