Skip to content

An out-of-the-box mobile web template, developed based on Vue3, Varlet, Vite, Typescript.

License

Notifications You must be signed in to change notification settings

varletjs/varlet-app-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 cypress for e2e 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://varlet-app-template.vercel.app

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

Thanks to contributors

Thanks to the following sponsors

Sponsor this project

Sponsor this project to support our better creation.

Wechat / Alipay