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
create-vite | vite4 | vite-cli
and update in real time when you modify the code.
Then you can enter instructions at will on the command line with 🤖 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
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
X-Build !!!
This project is inspired byprepare all in