ErKeLost / 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
https://vite-cli.netlify.app/
226 stars 32 forks source link
command command-line-tool turborepo vite-starter vite-starter-template vite4 vue3

Vite logo


[![OSCS Status](https://www.oscs1024.com/platform/badge/ErKeLost/vite-cli.svg?size=small)](https://www.oscs1024.com/project/ErKeLost/vite-cli?ref=badge_small) 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

πŸ“¦ 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

c68a80e2533333a05c2eb429c930cd6

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

🌸 Credits

This project is inspired by X-Build !!!

prepare all in