This is a highly opinionated starter template to use with Vue 3 in Vite. The template uses Vue 3 <script setup>
SFCs, check out the script setup docs to learn more.
- Vue 3,
<script setup>
SFCs - Vite
- Prettier
- eslint
- stylelint
- autoprefixer
- vite-plugin-legacy
- vite-svg-loader
- husky + lint-staged
This template doesn't include either vue-router, vuex or pinia. These modules are widely used in Vue ecosystem, but they are not necessary in every single project and the way of adding and using them is very well documented and pretty straightforward. On the other hand, getting both eslint and stylelint to play well with Vue SFCs and Prettier may be tricky.
- node 12+
- yarn 1
You can use a tool like degit to scaffold your project with one of the templates.
npx degit cyberbobs/vite-vue-prettier my-project
cd my-project
git init .
yarn
yarn dev