Awesome
<p align="center"> <img src='/meta/logo.png' width="64" /> </p> <p align="center"> <b>vue-plugin-boilerplate</b> </p> <p align="center"> Boilerplate for vue 2&3 plugin development π©π¦ </p> <p align="center"> <a href="https://github.com/selimdoyranli/vue-plugin-boilerplate" target="__blank"><img alt="GitHub stars" src="https://img.shields.io/github/stars/selimdoyranli/vue-plugin-boilerplate?style=social"></a> </p> <div align="center"> <sub><b>Sponsorship π</b></sub><br> <sub><a href="https://github.com/sponsors/selimdoyranli">GitHub</a></sub><br> <sub><a href="https://buymeacoffee.com/selimdoyranli">Buy me a coffee</a></sub><br> </div>Features
- π¦ Vue2 & Vue3 support
- β‘οΈ Optimized
- π¦Ύ TypeScript support
- πΆπ» Easy
- ποΈ Module formats
- π Clean structure
Tech Stack
- vue-demi for Vue2 & Vue3 support
- Rollup
- Pug
- Scss
- Typescript
- Husky
- Eslint
- Stylelint
- Prettier
- Conventional Commit
- Commitlint
- Commitizen
- Changelogen for release management
Installation
Clone this repo or create new repo from this template repo
git clone https://github.com/selimdoyranli/vue-plugin-boilerplate.git
Development
This project requires node 18.x.x version
Vue3
yarn build:vue3 # build for vue3
# Dev
cd dev/vue3
yarn install
yarn dev
Vue2
yarn build:vue2 # build for vue2
# Dev
cd dev/vue2
yarn install
yarn dev
Vue 2&3
yarn build # build for vue2 and vue3
Linter
# run eslint
yarn lint:eslint
# run eslint fix
yarn lint:eslint:fix
# run stylelint
yarn lint:stylelint
# run stylelint fix
yarn lint:stylelint:fix
# run prettier
yarn prettier
# check types
yarn type:check
Git
Using Conventional Commits, commitizen, commitizen cli
# add files
git add .
# generate commit message
yarn commit # or yarn cz
# push
git push
Release & Changelog
Using changelogen for release & changelog management, arguments are the same as changelogen
# run changelogen
yarn changelog
Sponsorship
You can sponsor me for the continuity of my projects:
<p align="left"> <a href="https://github.com/sponsors/selimdoyranli"> <img src='https://img.shields.io/github/sponsors/selimdoyranli?style=for-the-badge&label=%E2%99%A5+Be+Sponsor&logo=GitHub'/> </a> </p> <p align="left"> <a href="https://buymeacoffee.com/selimdoyranli"> <img src='https://www.buymeacoffee.com/assets/img/custom_images/yellow_img.png'/> </a> </p>License
Copyright (c) selimdoyranli selimdoyranli@gmail.com
<!-- Badges -->