varlet-app-template

English | 中文

Intro

varlet-app-template is an out-of-the-box lightweight mobile web template, developed based on Vue3, Varlet, Vite, Typescript.

License

This project is based on the MIT license

Features

• ⚡️   Developed based on Vue3, Varlet, Vite, Typescript
• 📦   Automatic and on-demand import of built-in component libraries and third-party libraries
• 🗂   Built-in stack routing navigation similar to native apps
• 🗂   Built-in conventional routing based on file directory structure
• 🌍   Built-in application-level internationalization
• 📦   Built-in request library integrated, support composition api
• 📦   Built-in theme customization
• 📦   Built-in mobile debugging tool
• 📦   Built-in pinia for state management
• 📦   Built-in mockjs for data mocking
• 📦   Built-in vitest for unit testing
• 📦   Built-in unocss integration
• 📦   Built-in eslint, commitlint, lint-staged, prettier and other code checking/formatting tools
• 💪   Officially maintained by varletjs, the first party provides support for varlet

Page Preview Address

https://varletjs.github.io/varlet-app-template

Install And Use

Get Project

Create a repository from this template repository

or

git clone https://github.com/varletjs/varlet-app-template.git

Install Dependencies

pnpm install

Start the development environment

pnpm dev

Build

pnpm build

Preview

pnpm preview

Lint Code

pnpm lint

TS type checking

pnpm type-check

Code Formatting

pnpm format

Running unit tests

pnpm test

Run unit tests and generate test reports

pnpm test:coverage

Community

We recommend that issue be used for problem feedback, or others:

• Wechat group

• Join the Discord

Thanks to contributors

Thanks to the following sponsors

Sponsor this project

Sponsor this project to support our better creation. It is recommended to use afdian to subscribe, and your avatar will appear in this project.

Afdian

https://afdian.net/a/haoziqaq

Wechat / Alipay