Create Vite App

📖 Introduction

Create Vite App resolve Vite create starter template, No need to configure Vite scaffolding templates quickly build vite4 development templates highly customized

🌈 Features

• ⚛️ Support tons of framework templates

• 🌸 One-click deployment of netlify

• 📦 Select the out-of-the-box package manager

• 🚀 Various characteristics of the corresponding framework

• ✨ Selection of various Ui frameworks, Theming and layout

• 🍰 A variety of out-of-the-box Vite plugin options

📦 Installation

  npx create-vite-template@latest

🦄 Usage

📦 Dev Mode

pnpm install

pnpm dev

cd packages/vite-cli

npm link

Then you can enter instructions at will on the command line with create-vite | vite4 | vite-cli and update in real time when you modify the code.

🤖 Feature Comparison

Currently, the template supports the following plugins The supported template presets are:

FrameWork

FrameWork	finish
Vite3 Vue3	✅ 🆕
Vite3 React18	🚧 🆕
Nuxt3	🚧 ❌
Next13	🚧 ❌

Feature

Feature / Version	finish
Vue-Router 4.x	✅
Pinia 2.x	✅
Eslint 8.x	✅
Prettier 2.7.x	✅
TypeScript 5.x	✅
husky	🚧 ❌
PWA	✅ 🆕

UI Library

UI Library	finish
Element-Plus	✅ 🆕
Naive-UI	✅ 🆕
Vuetify-beta5	✅ 🆕
DevUI	✅ 🆕
Ant-design-vue	✅ 🆕
arco-design	✅ 🆕
TDesign	✅
Varlet	✅
tdesign-mobile-vue	✅ 🆕
Vant	✅ 🆕

Plugins

Feature / Version	finish
Vue	v3.2.x
Vite	v3.0.0 🆕
@vitejs/plugin-vue-jsx	✅
@vitejs/plugin-legacy	✅
vite-plugin-inspect	✅
vite-plugin-pwa	✅
unplugin-vue-components	✅
unplugin-auto-import	✅
Unocss	✅
rollup-plugin-visualizer	✅
unplugin-icons	✅
Vite-plugin-html	✅ 🆕

🛫 Example With theming

• Tiny-Vue

• Naive-UI

• Element-Plus

• Ant-Design-Vue

An example of executing dev after successful installation is as follows

• Tiny Vue

• Naive UI

• Ant Design

• Element Plus

• Arco Design

• DevUI

• T-Design

• Vuetify

• Varlet

🌸 Credits

This project is inspired by X-Build !!!

prepare all in