Vite5 + Vue3 + JavaScript + Vue Router + Pinia + TDesign + Less + Axios + ESLint + Stylelint + Prettier
English | ็ฎไฝไธญๆ
- โก๏ธ Vite 5 - born with fastness
- ๐ Vue 3 - Composition API and
<script setup>
- ๐ฆ Vue Router - The official router for Vue.js.
- ๐ฆ Pinia - Intuitive, type safe and flexible Store for Vue
- ๐ป TDesign - Vue Next for Web
- ๐จ Less - It's CSS, with just a little more
- ๐ฅ APIs auto importing - Use Composition API and others directly
- ๐ Icons auto install - Access thousands of icons as components on-demand universally.
- ๐ Axios - Promise based HTTP client for the browser and node.js
- ๐งฐ Husky + Lint-Staged - Git Hook Tools
- ๐ก๏ธ EditorConfig + ESLint + Prettier + Stylelint - Code Standards
- ๐จ Commitizen + Commitlint - Submit Standards
- Use Composition API with
<script setup>
SFC syntax - ESLint
- Prettier
- Stylelint
- pnpm - fast, disk space efficient package manager
- Visual Stuido Code Extensions
- Vite - Fire up Vite server automatically
- Volar - Vue 3
<script setup>
IDE support - EditorConfig for VS Code - A solution for unifying code formats
- ESLint - Find and fix problems in your JavaScript code
- Prettier - An opinionated code formatter
- StyleLint - A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
Vite5 Vue3 JavaScript Starter Template requires Node >= 18.00
Create a repo from this template on GitHub.
If you prefer to do it manually with the cleaner git history
# [optional] if you are using Windows, you need to close the end-of-line conversion
git config --global core.autocrlf input
# clone repository
git clone https://github.com/ElanYoung/vite-vue-js-starter-template
# open folder vite-vue-js-starter-template
cd vite-vue-js-starter-template
# install packages
npm i
When you use this template, try follow the checklist to update your info properly
- Change the author name in
LICENSE
- Change the title in
App.vue
- Change the hostname in
vite.config.js
- Change the favicon in
public
- Remove the
.github
folder which contains the funding info - Clean up the READMEs and remove routes
Just run and visit http://localhost:3000
## install dependencies
npm install
## set up
npm run dev
## build
npm run build
๐ Added to the Awesome Vite.Js
Copyright (c) 2022 ElanYoung