Vite Vue Js Starter Template

Overview

The Vite5 Vue3 JavaScript Starter Template is a powerful development tool that combines the fastness of Vite 5, the flexibility of Vue 3 with Composition API and <script setup>, and the official Vue Router. It also includes Pinia, an intuitive and type-safe store for Vue, as well as TDesign, a Next Generation Vue for Web. With Less, an enhanced version of CSS, and the ability to auto import APIs and icons, this template provides a comprehensive solution for building robust web applications. It also includes various coding style tools, such as ESLint, Prettier, Stylelint, and Git Hook Tools like Husky and Lint-Staged, to ensure code standards are met.

Features

• 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.

Installation

To use the Vite5 Vue3 JavaScript Starter Template, follow these steps:

1. Make sure you have Node >= 18.00 installed on your system.
2. Create a new repository on GitHub using this template.
3. Clone the repository to your local machine.
4. Update the following information:
   • Change the author name in the LICENSE file
   • Change the title in the App.vue file
   • Change the hostname in the vite.config.js file
   • Change the favicon in the public folder
   • Remove the .github folder, which contains the funding info
   • Clean up the READMEs and remove unnecessary routes

Summary

The Vite5 Vue3 JavaScript Starter Template is a comprehensive development tool that combines the speed of Vite, the power of Vue with Composition API and <script setup>, and the flexibility of Vue Router. It includes various features, such as Pinia, TDesign, Less, APIs auto importing, and Icons auto install. Additionally, it incorporates coding style tools like ESLint, Prettier, Stylelint, and Git Hook Tools like Husky and Lint-Staged. With this template, developers can quickly set up a robust web application development environment and ensure code standards are met.