Vite 2.x + Vue 3.x + TypeScript Starter

A set of robust front-end rapid development templates that perfectly integrate Vite 2.x + Vue 3.x + TypeScript + Vue Router + Vuex + Axios + ESLint

online preview

https://vite-vue3-starter.xpoet.cn/

Build tutorial from 0 to 1

1️⃣ Nuggets 2️⃣ [XPoet's Blog](https://xpoet.cn/2021/04/%E4%BB%8E-0-% E5%BC%80%E5%A7%8B%E6%89%8B%E6%8A%8A%E6%89%8B%E5%B8%A6%E4%BD%A0%E6%90%AD%E5% BB%BA%E4%B8%80%E5%A5%97%E8%A7%84%E8%8C%83%E7%9A%84-Vue3.x-%E5%B7%A5%E7%A8%8B %E5%8C%96%E9%A1%B9%E7%9B%AE/)

technology stack

Programming language: TypeScript 4.x + JavaScript
Build tool: Vite 2.x
Front-end framework: Vue 3.x
Routing tool: Vue Router 4.x
State management: Vuex 4.x
UI framework: Element Plus
CSS precompilation: Stylus / Sass / Less
HTTP Tools: Axios
Git Hook tool: husky + lint-staged
Code specification: EditorConfig + Prettier + ESLint + Airbnb JavaScript Style Guide
Commit specification: Commitizen + Commitlint
Unit testing: vue-test-utils + jest + vue-jest + ts-jest
Automatic deployment: GitHub Actions

Quick start

Get Items

Using Git

git clone https://github.com/XPoet/vite-vue3-starter.git

Using NPM

npm install vite-vue-ts-cli -g

vite-vue-ts-create myapp

Install dependencies

npm install
# or
yarn add

Startup project

npm run dev

Project packaging

npm run build

##Q&A

Q: git cz does not take effect

A: Please install commitizen globally, command: npm install commitizen -g
Q: husky reports an error

A: Please check if there is a Git repository under your project, if not, initialize one with git init first

shinevue/vite-vue3-boilerplate