byoungd / vite-vue2-typescript

Vite Vue2 typescript starter template using composition-api

vite-vue2-typescript

Vite Vue2 typescript starter template using composition-api with Script Setup!

Features

• 🗂 File based routing

• 📦 Global Components auto importing

• 📑 Layout system

• 😃 Script Setup

• 🎨 Commitlint

• 🔥 TypeScript, of course

Plugins

• vue/compositon-api Composition API plugin for Vue 2

• VueUse - collection of useful composition APIs

• vite-plugin-pages - file system based routing

• vite-plugin-vue-layouts Vue layout plugin for Vite

• vite-plugin-style-import A plug-in that imports component library styles on demand

• vue2-helper - A util package to use Vue 2 with Composition API easily

Usage

Development

Just run and visit http://localhost:3003

yarn dev

Commit lint

This repo use commitizen , if run git cz has no effect, you might need to install commitizen global as yarn add global commitizen or npm i -g commitizen

then use git cz to add commit information.

At lint staged it will trigger eslint auto fix and use pretty-quick to format files.

And enjoy!

Thanks

• vitesse Opinionated Vite Starter Template