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

Copyright (c) 2022 ElanYoung