# vue2x-vant2x-mobile

**Repository Path**: nickro/vue2x-vant2x-mobile

## Basic Information

- **Project Name**: vue2x-vant2x-mobile
- **Description**: 🐢【OK】H5框架，vue2x-vant2x-mobile移动端H5基础框架；Vue2x：https://cn.vuejs.org/。Vant2x：https://vant-contrib.gitee.io/vant/#/zh-CN/。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2021-05-20
- **Last Updated**: 2023-05-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue2X, Vant, H5

## README

## 基于 vue+vant 搭建 H5 通用架子

### 功能介绍

* 支持 px 自动转 vw(rem暂时废弃) 并且忽略 node_modules 下三方包
* 常用目录别名设置
* 支持 scss 全局样式、变量、函数......
* 支持 gzip 压缩
* 支持本地 mock 模拟数据
* 支持网站标题动态设置
* axios 封装
* cdn 配置加载
* 支持多环境模式
* 内置微信公众号 sdk
* 支持 vant 组件库的按需加载
* 支持 svg 雪碧图
* 本项目已经实现vant-ui自带组件库的自适应, 正常开发直接写750px的设计稿像素
### 代码风格


### 运行

```
npm install 或者 yarn

npm run dev 默认开发模式

npm run build:testing 测试环境

npm run build 生产模式
```

### 注意事项


```
// config/env.development.js 本地开发环境

// http统一api请求前缀（开发模式下做跨域处理,一般清楚下不用做特殊处理）
baseApi='/api'

```

```
// config/env.testing.js 测试环境
// 这里修改为网站发布的目录如'./xxx',如果在根目录修改为'/' （如果这里配置不当会找不到路径导致白屏）
publicPath='/vueVantDemo/'

// config/env.production.js 生产环境
// 这里修改为网站发布的目录如'./xxx',如果在根目录修改为'/' （如果这里配置不当会找不到路径导致白屏）
publicPath='/vueVantDemo/'

// http统一api请求前缀（生产模式下填后端api地址）
baseApi='http://wwww.xxx.com/api'
```