Skip to content

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

Notifications You must be signed in to change notification settings

ErKeLost/create-vite-app

Repository files navigation

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

🦄 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

  • Tiny Vue

c68a80e2533333a05c2eb429c930cd6

  • 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