Awesome
varlet-app-template
<span>English</span> | <a href="https://github.com/varletjs/varlet-app-template/blob/main/README.zh-CN.md">中文</a>
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 forvarlet
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
- Join the Discord
Thanks to contributors
<a href="https://github.com/varletjs/varlet-app-template/graphs/contributors"> <img src="https://contrib.rocks/image?repo=varletjs/varlet-app-template" /> </a>Thanks to the following sponsors
<a href="https://cdn.jsdelivr.net/gh/varletjs/varlet-static/sponsorkit/sponsors.svg"> <img src="https://cdn.jsdelivr.net/gh/varletjs/varlet-static/sponsorkit/sponsors.svg"> </a>Sponsor this project
Sponsor this project to support our better creation.