# vue3-h5-vite-rem

**Repository Path**: WS0119/vue3-h5-vite-rem

## Basic Information

- **Project Name**: vue3-h5-vite-rem
- **Description**: vue3、vite、vantui配置的h5项目模板
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 6
- **Created**: 2022-11-19
- **Last Updated**: 2025-10-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, rem, TypeScript, vite, H5模板

## README

### 前端开发开发模板脚手架

1. 技术栈：Vue3

2. UI 库：vant-ui

3. 构建工具：Vite、rollup

### 详细介绍

1. vue3-h5-vite-rem: h5 移动端 web 页面，可将vue3-vant替换为自己需要的 UI 库

[vue3 文档地址](https://cn.vuejs.org)

[vite 文档地址](http://www.vitejs.net)

2. 使用的主要依赖包

- [x] vue3.4.29
- [x] vue-router@4.3.3
- [x] pinia@2.1.7
- [x] vant@4.9.7
- [x] @iconify/vue@4.1.2
- [x] postcss-pxtorem@6.1.0
- [x] postcss@8.4.47
- [x] unocss@0.63.3
- [x] autoprefixer@10.4.20
- [x] Vite@5.3.1
- [x] rem
- [x] TypeScript
- [x] eslint
- [x] husky
- [x] lint-staged

3. 其他：
- svg图标存储在 assets/icons 内，name为文件名称： svg 图标使用方法：

```js
<svg-icon name="email" />
```

- svg 图片库 iconify,文档：https://iconify.design/docs/icon-components/vue/#iconify-for-vue

```js
import { Icon } from '@iconify/vue';

<Icon icon="mdi-light:home" />
```