wjl110 / create-vite-app

🏝🏝 VIte-CLI resolve Vite create starter template No need to configure vite scaffolding templates quickly build vite3 development templates highly customized 脚手架模板快速构建Vite3开发模板高度定制的解决方案构建开箱即用的各种模板支持各种UI库UI主题配置内置插件Vue3.x Vite3.x 📦📦

Create Vite App

( Rapid iteration of the version ) 🚧🚧

📖 Introduction

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

🌈 Features

• ⚛️ Support for multiple framework templates

• 📦 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 vite-create-app@latest

🦄 Usage

🤖 Feature Comparison

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

FrameWork

FrameWork	finish
Vite3 Vue3	🚧 ✅ 🆕
Vite3 React18	🚧 ❌ 🆕
Nuxt	🚧 ❌

Feature

Feature / Version	finish
Vue-Router 4.x	✅
Pinia 2.x	✅
Eslint 8.x	✅
Prettier 2.7.x	✅
TypeScript 4.7.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

• Element-Plus

• Naive-UI

• Ant-Design-Vue

An example of executing dev after successful installation is as follows

• Naive UI

• Ant Design

• Element Plus

• Arco Design

• DevUI

• T-Design

• Vuetify

• Varlet

🌸 Credits

This project is inspired by X-Build !!!