Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/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://github.com/ErKeLost/create-vite-app

command command-line-tool turborepo vite-starter vite-starter-template vite4 vue3

Last synced: about 2 months ago
JSON representation

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

Host: GitHub
URL: https://github.com/ErKeLost/create-vite-app
Owner: ErKeLost
Created: 2022-06-28T03:45:03.000Z (almost 2 years ago)
Default Branch: dev
Last Pushed: 2024-04-09T10:29:39.000Z (about 2 months ago)
Last Synced: 2024-04-17T14:42:09.816Z (about 2 months ago)
Topics: command, command-line-tool, turborepo, vite-starter, vite-starter-template, vite4, vue3
Language: TypeScript
Homepage: https://vite-cli.netlify.app/
Size: 3.54 MB
Stars: 213
Watchers: 3
Forks: 28
Open Issues: 11
Metadata Files:
- Readme: README.md

Lists

awesome-vite - create-vite-app - Scaffolding Your Out Of The Box Vite Project. (Get Started / Official Resources)
awesome-vite - create-vite-app - Scaffolding Your Out Of The Box Vite Project. (Get Started / Official Resources)
awesome-vite - create-vite-app - Scaffolding Your Out Of The Box Vite Project. (Get Started / Official Resources)
awesome-viter - create-vite-app - Scaffolding Your Out Of The Box Vite Project. (Get Started / Official Resources)
awesome-vite - create-vite-app - Scaffolding Your Out Of The Box Vite Project. (Get Started / Official Resources)
awesome-vite - create-vite-app - Scaffolding Your Out Of The Box Vite Project. (Get Started / Official Resources)
awesome-vite - create-vite-app - Scaffolding Your Out Of The Box Vite Project. (Get Started / Official Resources)

README

        


  

      

  








[![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)










# 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

```ts

  npx create-vite-template@latest

```

## 🦄 Usage

![ripple-app.gif](https://user-images.githubusercontent.com/66500121/187821940-556aba41-30d4-4d34-9093-d911f6257a2a.gif)

# 📦 Dev Mode

```

pnpm install

```

```

pnpm dev

```

![image](https://user-images.githubusercontent.com/66500121/207052692-22725ea0-e64a-46ac-ae3f-fe28a3ade2be.png)

```

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

- [Tiny-Vue](https://tiny-vue.netlify.app/)

- [Naive-UI](https://create-vite-app-naive-ui.netlify.app/)

- [Element-Plus](https://create-vite-app-element-plus.netlify.app/)

- [Ant-Design-Vue](https://vite-cli-ant-design-vue.netlify.app/)

### An example of executing dev after successful installation is as follows

- Tiny Vue

![c68a80e2533333a05c2eb429c930cd6](https://user-images.githubusercontent.com/66500121/232227793-179585c4-3a2f-42c0-8210-2e561ce5f3bb.png)

- Naive UI

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/84463b72894c4df2862c20d006ab240c~tplv-k3u1fbpfcp-watermark.image?)

- Ant Design

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/21469c6f20bd46ab8fb5df23376cfcba~tplv-k3u1fbpfcp-watermark.image?)

- Element Plus

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/682e343e8f924dbbb691811184e8428f~tplv-k3u1fbpfcp-watermark.image?)

- Arco Design

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b27ce1dd7d344170b59be4f2ccd39211~tplv-k3u1fbpfcp-watermark.image?)

- DevUI

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9d0ed5a6340c4a62b35f72ac7b490077~tplv-k3u1fbpfcp-watermark.image?)

- T-Design

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/fa8e5b68f8b9481fac9cf4809ac50fbe~tplv-k3u1fbpfcp-watermark.image?)

- Vuetify

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a5ea5124b6284c68b8b9948c9fdf803b~tplv-k3u1fbpfcp-watermark.image?)

- Varlet

![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f8f31a99cab645d4a5fb5cf0c4000ef6~tplv-k3u1fbpfcp-watermark.image?)

# 🌸  Credits

### This project is inspired by [X-Build](https://github.com/code-device/x-build) !!!

prepare all in