# Jason-vue3-h5-template

**Repository Path**: Jasonhuang1991/jason-vue3-h5-template

## Basic Information

- **Project Name**: Jason-vue3-h5-template
- **Description**: 基于Varlet-vue3-template改造的Vue3移动端H5开发模板
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2023-11-21
- **Last Updated**: 2024-03-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Jason-vue3-h5-template

### 介绍

Jason-vue3-h5-template是基于varlet-app-template的移动端开发模板，varlet-app-template 是一个开箱即用的轻量化移动端 Web 模板，基于 `Vue3`、 `Varlet`、 `Vite`、`Typescript` 开发。

### 特性

- ⚡️   基于 `Vue3`、 `Varlet`、 `Vite`、`Typescript` 开发
- 📦   内置组件库和常用第三方库的自动引入和按需引入
- 🗂   内置与原生应用类似的堆栈路由导航
- 🗂   内置基于文件目录结构的约定式路由
- 🌍   内置应用级国际化
- 📦   内置请求库封装，拥抱 composition api
- 📦   内置主题定制
- 📦   内置移动端调试工具
- 📦   内置 `pinia` 进行状态管理
- 📦   内置 `mockjs` 进行数据 mock
- 📦   内置 `vitest` 进行单元测试
- 📦   内置 `eslint`、`commitlint`、`lint-staged`、`prettier` 等代码检查/格式化工具
- 💪   由 `varletjs` 官方维护，第一方提供对 `varlet` 的支持

### 预览地址

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

#### 安装依赖

```shell
pnpm install
```

#### 启动开发环境

```shell
pnpm dev
```

#### 构建打包

```shell
pnpm build
```

#### 预览

```shell
pnpm preview
```

#### 代码检查

```shell
pnpm lint
```

#### TS 类型检查

```shell
pnpm type-check
```

#### 代码格式化

```shell
pnpm format
```

#### 运行单元测试

```shell
pnpm test
```

#### 运行单元测试并生成测试报告

```shell
pnpm test:coverage
```