# vant-template

**Repository Path**: bordon.com/vant-template

## Basic Information

- **Project Name**: vant-template
- **Description**: vant 基于 Rem 的适配方案
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2019-12-13
- **Last Updated**: 2022-06-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vant-template
vant 移动端基于 rem 适配的方案，使用 postcss 插件将单位转换为rem。
如果我们拿到的设计稿是基于 750px (iphone6)尺寸，例如设计稿尺寸padding为40px，开发时padding尺寸设置为设计稿尺寸/2即可。

> 技术栈：Vue、Vue Cli、Vue Router、Vant、postcss-pxtorem、amfe-flexible

## 安装依赖
```
npm install
```

### 本地开发
```
npm run serve
```

### 生产环境构建
```
npm run build
```

### 代码格式校验
```
npm run lint
```

### Vue Cli 配置
[Vue Cli](https://cli.vuejs.org/config/).

### 参考链接
- [vant](https://youzan.github.io/vant/#/zh-CN/quickstart)
- [amfe-flexible](https://github.com/amfe/article/issues/17)