# mobile-template

**Repository Path**: jh_shot/mobile-template

## Basic Information

- **Project Name**: mobile-template
- **Description**: Vue3 Vant3 移动端模板
- **Primary Language**: TypeScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 4
- **Created**: 2021-06-14
- **Last Updated**: 2025-05-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Vant

## README

# Mobile Template

## 简介

Mobile Template 是一个开源的移动端模版。

## 特性

- **技术栈**：使用 Vue3/Vite5/Vant4 等前端前沿技术开发
- **TypeScript**：应用程序级 JavaScript 的语言
- **特性**：支持使用 Vue 和 TSX 编写组件

## 准备

- [Node](http://nodejs.org/) 和 [Git](https://git-scm.com/)
- [Vite](https://vitejs.dev/)
- [Vue3](https://v3.cn.vuejs.org/guide/introduction.html)
- [Vant3](https://youzan.github.io/vant/v3/#/zh-CN)

## 安装使用

- 获取项目代码

```bash
git clone https://gitee.com/jh_shot/mobile-template.git
```

- 安装依赖

```bash
npm i
```

- 运行

```bash
npm run dev
```

- 打包

```bash
npm run build
```

## 注意事项

- 装上 volar 插件后更好的支持模板开发
- 项目开发时请锁定依赖版本
- 大项目可以不用对 vant 启用按需加载，直接全部引入
- 所有路由均为一级，不使用嵌套写法

## 待处理

- tsx + css-modules 不支持媒体查询 [issue](https://github.com/vitejs/vite-plugin-vue/issues/200)
- 打包时 lightningcss 不会处理字体文件，目前仍然使用 postcss 处理样式