/create-vite-app

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

Primary LanguageTypeScript

Vite logo


OSCS Status node compatibility build status


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@latest

🦄 Usage

ripple-app.gif

📦 Dev Mode

pnpm install
pnpm dev

image

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

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 !!!

prepare all in