Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gumper-x/vue3-ts-vite-boilerplate

Vue3 + TypeScript(TS) + Vite - Boilerplate
https://github.com/gumper-x/vue3-ts-vite-boilerplate

eslint eslint-config eslint-rules pinia prettier router sass scss typescript vite vitejs vue vue3 vue3-typescript vuejs

Last synced: 3 months ago
JSON representation

Vue3 + TypeScript(TS) + Vite - Boilerplate

Awesome Lists containing this project

README

        

# Vue 3 + Typescript + Vite

This boilerplate is designed to save you time.
based on the best practices for Vue.

## Features
- Vue 3 ecosystem: [vue](https://github.com/vuejs/vue-next), [pinia](https://github.com/posva/pinia), [vue-router 4](https://github.com/vuejs/vue-router-next)
- Typing: [typescript](https://github.com/microsoft/TypeScript)
- Composition utilities [Recomended]: [vueuse](https://github.com/vueuse/vueuse)
- Localization: [vue-i18n](https://github.com/intlify/vue-i18n-next), [vite-plugins-i18n](https://github.com/intlify/vite-plugin-vue-i18n)
- Git custom hooks: [husky](https://github.com/typicode/husky)
- Commit conventions: [@commitlint/config-conventional](https://github.com/conventional-changelog/commitlint/tree/master/%40commitlint/config-conventional)
- Linters: [commitlint](https://github.com/conventional-changelog/commitlint), [eslint](https://github.com/eslint/eslint), [stylelint](https://github.com/stylelint/stylelint)
- Visualize bundle: [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer)

## Getting Started
### Clone to local

```bash
# clone repository
$ git clone https://github.com/Gumper-x/vue3-ts-vite-boilerplate

# open folder vue3-ts-vite-boilerplate
$ cd vue3-ts-vite-boilerplate

# install packages
$ npm i

# build and serve with vite dev server
$ npm run dev
```