create-vite-app icon indicating copy to clipboard operation
create-vite-app copied to clipboard

🍰🍰 VIte-CLI resolve Vite create starter template No need to configure vite scaffolding templates quickly build vite4.x development templates highly customized Vue3.x React 18 Vite5.x

Vite logo


OSCS Status npm package node compatibility build status discord chat discord chat discord chat


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

ripple-app.gif

🤖 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

An example of executing dev after successful installation is as follows

  • Naive UI

image.png

  • Ant Design

image.png

  • Element Plus

image.png

  • Arco Design

image.png

  • DevUI

image.png

  • T-Design

image.png

  • Vuetify

image.png

  • Varlet

image.png

🌸 Credits

This project is inspired by X-Build !!!