Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lstoeferle/vite-vue2-starter
Vite - Vue 2 starter template using composition-api and windiCSS
https://github.com/lstoeferle/vite-vue2-starter
composition-api icon iconify tailwindcss typescript vite vitejs vue vue-router vue2 vueuse
Last synced: about 1 month ago
JSON representation
Vite - Vue 2 starter template using composition-api and windiCSS
- Host: GitHub
- URL: https://github.com/lstoeferle/vite-vue2-starter
- Owner: lstoeferle
- License: mit
- Created: 2021-02-23T17:10:47.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-02-24T22:38:08.000Z (3 months ago)
- Last Synced: 2024-02-24T23:28:27.996Z (3 months ago)
- Topics: composition-api, icon, iconify, tailwindcss, typescript, vite, vitejs, vue, vue-router, vue2, vueuse
- Language: Vue
- Homepage:
- Size: 291 KB
- Stars: 184
- Watchers: 4
- Forks: 36
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-vite - vite-vue2-windicss-starter - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript. (Get Started / Templates)
- awesome-vite - vite-vue2-windicss-starter - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript. (Get Started / Templates)
- awesome-vite - vite-vue2-windicss-starter - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript. (Get Started / Templates)
- awesome-viter - vite-vue2-windicss-starter - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript. (Get Started / Templates)
- awesome-stars - vite-vue2-windicss-starter - Vite - Vue 2 starter template using composition-api and windiCSS (Vue)
- awesome-vite - vite-vue2-windicss-starter - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript. (Get Started / Templates)
- awesome-vite - vite-vue2-windicss-starter - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript. (Get Started / Templates)
- awesome-vite - vite-vue2-windicss-starter - Vue 2, Vue Router, Composition API, VueUse, Windi CSS and TypeScript. (Get Started / Templates)
README
# Vite ⚡ - Vue 2 starter template
Create a Vue 2 application bundled by the lightning fast build tool Vite
> [!WARNING]
> Vue 2 has reached EOL and is no longer actively maintained. [Upgrade to Vue 3](https://vuejs.org/)
> or learn more about [Vue 2 EOL](https://v2.vuejs.org/eol/).
## Features
* ⚡️ [Vite](https://github.com/vitejs/vite), [Vue 2](https://github.com/vuejs/vue) - lightning fast
* 📦 [Components auto importing](https://github.com/antfu/unplugin-vue-components)
* 📥 [APIs auto importing](https://github.com/antfu/unplugin-auto-import) - use Composition API and others directly
* 🚦 [Vue-Router](https://github.com/vuejs/vue-router)
* 🎨 [TailwindCSS](https://tailwindcss.com/)
* 😃 [Use icons from any icon sets, with no compromise](https://github.com/antfu/unplugin-icons)
* 🧰 [VueUse](https://github.com/vueuse/vueuse) - Collection of essential Vue Composition Utilities
* 🦾 Typescript, of course
## Vite plugins
* [`@vitejs/plugin-vue2`](https://github.com/vitejs/vite-plugin-vue2) -
Vue 2 support for Vite
* [`unplugin-vue-components`](https://github.com/antfu/unplugin-vue-components) -
importing Vue components on-demand
* [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) -
importing APIs like CompositionAPI on-demand
* [`unplugin-icons`](https://github.com/antfu/unplugin-icons) -
importing icons as Vue components on-demand
## Try it now!
### GitHub Template
[Create a repo from this template on GitHub](https://github.com/lstoeferle/vite-vue2-starter/generate)
### Clone
If you prefer to do it manually with a cleaner git history
```bash
npx degit lstoeferle/vite-vue2-starter my-vite-vue2-app
cd my-vite-vue2-app
pnpm install
```
## Usage
### Development
Just run and visit [http://localhost:3333](http://localhost:3333)
```bash
pnpm dev
```
### Build
To build the App, run
```bash
pnpm build
```
And you will see the generated files in `dist`, which are ready to be served.
## Why
Vue 3 is awesome, but we should not forget about supporting Vue 2 ♥️
### Credits
This project is inspired by [Vitesse](https://github.com/antfu/vitesse), an opinionated Vite starter template for Vue 3.
Big thanks to [Anthony Fu](https://github.com/antfu) for the inspiration and all the amazing tools you create.