Vue3 Template

A Vue starter focused on maintainable project setup, team conventions, and a practical default toolchain for small-to-medium front-end applications.

Highlights

• Vue 3 + Vite + TypeScript
• Pinia state management
• Vue Router and Axios
• Element Plus with Tailwind CSS
• Mock API support for local development
• ESLint, Stylelint, Prettier, Commitlint, and Husky
• SVG tooling, SCSS setup, and package-manager checks

Why this template exists

This repo gathers the front-end conventions I commonly want in place before feature work begins, so a project starts with clearer structure and fewer avoidable setup decisions.

Tech stack

• Vue 3
• Vite
• TypeScript
• Pinia
• Vue Router
• Axios
• Element Plus
• Tailwind CSS
• MockJS
• SCSS

Team workflow defaults

• ESLint + Stylelint + Prettier for code quality
• Commitlint + Husky for commit conventions
• scripts/preinstall.js to keep package-manager usage consistent
• Environment-specific build commands for test and production

Note: because Tailwind and Element Plus both affect styling, use them deliberately to avoid unnecessary style conflicts.

Development

yarn

yarn dev

yarn build

yarn build:test

yarn build:pro

yarn preview

yarn lint

yarn fix