Vite 4 🚀 - Vue 2 Starter Template

Vite4 + Vue2 + JavaScript + Vue Router + Vuex + Less + Axios + ESLint + Stylelint + Prettier

Live Demo

English | 简体中文

Features

⚡️ Vite 4 - born with fastness
🖖 Vue 2.7 - Composition API and <script setup>
🚦 Vue Router - The official router for Vue.js.
📦 Vuex - A a state management pattern + library
🎨 Less - It's CSS, with just a little more
🔗 Axios - Promise based HTTP client for the browser and node.js
🧰 Husky + Lint-Staged - Git Hook Tools
🛡️ EditorConfig + ESLint + Prettier + Stylelint + Airbnb JavaScript Style Guide - Code Standards
🔨 Commitizen + Commitlint - Submit Standards

Coding Style

ESLint with eslint-config-airbnb-base
Prettier with eslint-config-prettier
Stylelint with stylelint-config-standard

Development Tools

npm - Package manager
Visual Stuido Code Extensions
- Vite - Fire up Vite server automatically
- Vetur - Vue 2 tooling for VS Code
- EditorConfig for VS Code - A solution for unifying code formats
- ESLint - Find and fix problems in your JavaScript code
- Prettier - An opinionated code formatter
- StyleLint - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

Try it now!

Vite4 Vue2 JavaScript Starter Template requires Node >= 14.18

GitHub Template

Create a repo from this template on GitHub.

Clone to local

If you prefer to do it manually with the cleaner git history

# [optional] if you are using Windows, you need to close the end-of-line conversion
git config --global core.autocrlf input

# clone repository
git clone https://github.com/ElanYoung/vite-vue2-js-starter-template

# open folder vite-vue2-js-starter-template
cd vite-vue2-js-starter-template

# install packages
npm i

Checklist

When you use this template, try follow the checklist to update your info properly

Change the author name in LICENSE
Change the title in App.vue
Change the hostname in vite.config.js
Change the favicon in public
Remove the .github folder which contains the funding info
Clean up the READMEs and remove routes

Usage

Development

Just run and visit http://localhost:3000

## install dependencies
npm install

## set up
npm run dev

Build

## build
npm run build

Achievement

🎉 Added to the Awesome Vite.Js

License

MIT

sealkingw/vite-vue2-js-starter-template