Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/varletjs/varlet-app-template
An out-of-the-box mobile web template, developed based on Vue3, Varlet, Vite, Typescript.
https://github.com/varletjs/varlet-app-template
material-design mobile template typescript varlet vite vue3 web
Last synced: 1 day ago
JSON representation
An out-of-the-box mobile web template, developed based on Vue3, Varlet, Vite, Typescript.
- Host: GitHub
- URL: https://github.com/varletjs/varlet-app-template
- Owner: varletjs
- License: mit
- Created: 2023-06-02T01:53:50.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-08T10:55:29.000Z (6 days ago)
- Last Synced: 2024-11-08T11:36:28.672Z (6 days ago)
- Topics: material-design, mobile, template, typescript, varlet, vite, vue3, web
- Language: Vue
- Homepage: https://varlet-app-template.pages.dev
- Size: 5.11 MB
- Stars: 125
- Watchers: 4
- Forks: 18
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/varletjs/varlet-app-template/generate)
or
```shell
git clone https://github.com/varletjs/varlet-app-template.git
```
#### Install Dependencies
```shell
pnpm install
```
#### Start the development environment
```shell
pnpm dev
```
#### Build
```shell
pnpm build
```
#### Preview
```shell
pnpm preview
```
#### Lint Code
```shell
pnpm lint
```
#### TS type checking
```shell
pnpm type-check
```
#### Code Formatting
```shell
pnpm format
```
#### Running unit tests
```shell
pnpm test
```
#### Run unit tests and generate test reports
```shell
pnpm test:coverage
```
### Community
We recommend that `issue` be used for problem feedback, or others:
* Wechat group
* Join the [Discord](https://discord.gg/Dmb8ydBHkw)
### Thanks to contributors
### Thanks to the following sponsors
### Sponsor this project
Sponsor this project to support our better creation.
#### Wechat / Alipay
