# H5端vue-cli4框架（精简版，可适配屏幕）

**Repository Path**: rcihard/vue-cli3_h5

## Basic Information

- **Project Name**: H5端vue-cli4框架（精简版，可适配屏幕）
- **Description**: vue-cli3的精简版本，内置route，vuex，lib-flexible（适配屏幕），$moment（时间转换），vant , element 框架，less语法
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2022-03-04
- **Last Updated**: 2022-03-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


## 组件
Loading : 加载动画;

## 自带lib-flexible 屏幕适配（不过还是建议使用: vw、rem布局方式）

## nginx代理

## eslint代码检查工具

## 登录功能（token + 路由拦截）
[登录页.png](img.png)
## less

## mixin 混入

## element 框架

## vant 框架

## $moment 时间插件

// 1.如果lib-flexible适配不好用，请手动修改（需要在 main.js 文件里找到 import 'lib-flexible',点进去72行， 手动修改成 width = width * dpr;）
// 2.需要适配的样式要放在class里，内联样式没有适配（单行不想适配屏幕的话，只需将px变成大写PX即可 ,例：font-size: 16PX）
// 3.lib-flexible是将px自动转换成rem，适配屏幕大小可能回有少许差别（建议可以使用css3,vw、rem布局）

## 引入依赖
```
npm install
```

### 启动项目
```
npm run serve
```

### 项目打包
```
npm run build
```