MCPcopy Index your code
hub / github.com/ErKeLost/create-vite-app

github.com/ErKeLost/create-vite-app @v0.24.0

Chat with this repo
repository ↗ · DeepWiki ↗ · release v0.24.0 ↗ · + Follow
441 symbols 693 edges 150 files 211 documented · 48%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

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

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Function 414
Enum 15
Interface 6
Method 4
Class 2

Languages

TypeScript100%

Modules by API surface

vite-cli/theme/naiveUI/store/modules/theme/index.ts32 symbols
vite-cli/theme/antDesignVue/store/modules/theme/index.ts32 symbols
vite-cli/theme/naiveUI/theme/index.ts29 symbols
vite-cli/theme/elementPlus/theme/index.ts29 symbols
vite-cli/theme/elementPlus/store/modules/theme/index.ts29 symbols
vite-cli/theme/antDesignVue/theme/index.ts29 symbols
vite-cli/src/utils/log.ts17 symbols
vite-cli/theme/naiveUI/store/modules/app/index.ts9 symbols
vite-cli/theme/elementPlus/theme/color.ts9 symbols
vite-cli/theme/elementPlus/store/modules/app/index.ts9 symbols
vite-cli/theme/antDesignVue/store/modules/app/index.ts9 symbols
vite-cli/theme/naiveUI/composables/useEcharts/useEcharts.ts8 symbols

For agents

$ claude mcp add create-vite-app \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page