# vue-vant-base

**Repository Path**: justin_zhong/vue-vant-base

## Basic Information

- **Project Name**: vue-vant-base
- **Description**: 基于 vue-cli4+vant 搭建 H5 通用架子(内置微信公众号)
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 84
- **Created**: 2019-12-26
- **Last Updated**: 2022-07-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 基于 vue-cli4+vant 搭建 H5 通用架子(支持微信公众号)

### 注意

目前架构还在测试、开发阶段。

### 功能介绍

1. 支持 px 自动转 rem 并且忽略 node_modules 下三方包
2. 常用目录别名设置
3. 支持 scss 全局样式、变量、函数......
4. 支持 gzip 压缩
5. 支持本地 mock 模拟数据
6. 支持网站标题动态设置
7. axios 封装
8. cdn 配置加载
9. 支持多环境模式
10. 内置微信公众号 sdk
11. 支持vant组件库的按需加载
12. 支持svg雪碧图

### 安装

git clone git@gitee.com:null_639_5368/vue-vant-base.git

或者

下载 zip

### 运行

yarn 或者 npm install

yarn run dev:mock  模拟数据模式

yarn run dev 默认开发模式

yarn run build 生产模式

### 目录结构

- config 站点配置目录（cdn、网站标题）
- mock 模拟数据
- public 静态资源文件夹
- src 源代码
  - api 接口目录
  - assets 资源目录
    - css 全局样式
    - font 字体
    - js 全局 js
    - images 图片
  - components 全局组件
  - icons
    - svg svg 图片文件夹
  - router 路由配置
  - store vuex 配置
  - utils 工具库
  - views 页面
  - App.vue
  - main.js
- .browserslistrc
- .env.development 默认开发模式
- .env.mock 模拟数据模式
- .env.production // 生产模式
- .eslintrc.js
- .gitignore
- babel.config.js
- package.json
- jest.config.js
- vue.config.js vuecli 打包配置
- package.json