create-vite-app

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

Stars
216
Committers
8

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 βœ… πŸ†•

πŸ›« Example With theming

An example of executing dev after successful installation is as follows

  • Tiny Vue
  • Naive UI
  • Ant Design
  • Element Plus
  • Arco Design
  • DevUI
  • T-Design
  • Vuetify
  • Varlet

🌸 Credits

This project is inspired by X-Build !!!

prepare all in