Vite Ts Starter

Overview

The vite-ts-starter is a starter template for developing small to medium-sized Vue 3 + Vite 4 + TypeScript backend management systems. It is built with Vite 4.x, Vue 3.x, Element Plus 2.x, and TypeScript. The template is continuously updated with the latest technology stack.

Features

• Vite 4 + Vue 3 + TypeScript
• UI framework: Element Plus 2.x
• State management: Vuex 4
• Unit testing framework: Jest
• Built-in ESlint and Stylelint, with customizable lint configuration rules
• Built-in Axios for API calls, can be used with Vuex Actions
• Built-in <IconFont /> component for using IconFont icons
• Built-in global $ModalDialog plugin for easily displaying any component
• Built-in i18n support, with language switching at the router level using VueRouter
• Built-in route authentication with Nprogress integration
• Modular component development environment, with decoupled page components, route components, and styles in the modules directory
• Highly encapsulated and flexible architecture, with a complete business flow for reference

Installation

To install the vite-ts-starter, follow these steps:

1. Install node dependencies in all packages:

npm install

2. Run local development server:

npm run dev

3. Test the code using Jest:

npm run test

4. Generate code coverage report:

npm run test:coverage

Summary

The vite-ts-starter is a feature-rich starter template for developing backend management systems using Vue 3, Vite 4, and TypeScript. It provides a comprehensive architecture and a range of built-in features such as UI framework integration, state management, unit testing, linting, API calls, internationalization support, route authentication, and modular component development. The template aims to streamline the development process and allow developers to focus on writing their own business code.