markgrushevski / vite-vue-configs

Start setup for Vite JS/TS projects with Vue🛠️

My Setup for Vue 3 JS/TS projects 🧋

You just need to copy and paste files you want in your project

All In One 🧰

JS

git init && npm i vue pinia vue-router && npm i -D vite @vitejs/plugin-vue && npm i -D autoprefixer && npm i -D eslint eslint-plugin-vue eslint-config-prettier prettier stylelint stylelint-config-standard-vue postcss-html && npm i -D husky lint-staged && npm run prepare

TS

git init && npm i vue pinia vue-router && npm i -D vite @vitejs/plugin-vue && npm i -D autoprefixer && npm i -D eslint eslint-plugin-vue eslint-config-prettier prettier stylelint stylelint-config-standard-vue postcss-html && npm i -D husky lint-staged && npm run prepare && npm i -D vue-tsc typescript typescript-eslint

By Steps 🛠️

I. Git

git init

II. Dependencies

Vue

npm i vue pinia vue-router

Bundler

npm i -D vite @vitejs/plugin-vue

Code transformers

npm i -D autoprefixer

Lint and format code

npm i -D eslint @eslint/js globals eslint-plugin-vue eslint-config-prettier prettier stylelint stylelint-config-standard-vue postcss-html

Git hooks

npm i -D husky lint-staged && npm run prepare

III. Typescript

npm i -D vue-tsc typescript typescript-eslint