Create Vite App

December 17, 2023 · View on GitHub

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

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	✅ 🆕