Vitesse Uni

screenshot of Vitesse Uni

Vitesse Uni

🏕 Vitesse + uni-app 快速开始启动模板 template uniapp vite uni-app


This template is mainly designed to enhance the development experience of uni-app and supports cross-platform development. It is recommended to use Nuxt 3 instead if there is no cross-platform requirement.


  • Vue 3, Vite, pnpm, ESBuild: Provides a faster development experience.
  • File-based Convention Routing: Simplifies the routing process.
  • Component Auto-loading: Automates loading of components.
  • Layout System: Offers a flexible layout system.
  • Pinia State Management: Uses Pinia for efficient state management.
  • UnoCSS: A high-performance and flexible instant atomic CSS engine.
  • Various Icon Sets: Provides a variety of icon sets for use.
  • <script setup> Syntax: Supports the new <script setup> syntax.
  • API Auto-import: Allows direct usage of Composition API through automatic import.
  • Unit Testing with Vitest: Includes Vitest for unit testing.
  • TypeScript Support: Supports TypeScript for type safety.
  • pnpm Package Management: Utilizes pnpm for package management.
  • Netlify Zero-config Deployment: Facilitates easy deployment using Netlify.


To install this template, follow these steps:

  1. Create a new repository using this template on GitHub.
  2. Clone the repository to your local machine.
  3. Manually execute the necessary commands if you prefer a cleaner Git history.


This template is designed to improve the development experience of uni-app, providing compatibility with various platforms and incorporating features such as Vue 3, Vite, Pinia for state management, and UnoCSS for a high-performance CSS engine. It also supports TypeScript, offers a flexible layout system, and includes features like automatic component loading and API auto-import. With its ease of installation and deployment using Netlify, this template is a comprehensive solution for uni-app development.


Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects


Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.


SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.


ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.


TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.