# vue-mobile-template

**Repository Path**: macWindow/vue-mobile-template

## Basic Information

- **Project Name**: vue-mobile-template
- **Description**: 移动端开发框架
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-04-19
- **Last Updated**: 2021-04-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基于 Vue-CLI 4.0 的移动端快速开发框架

## 实现的功能

1. 采用 vw 布局（postcss-px-to-viewport）
2. 配置自动生成打包时间（使用VUE_APP_ 开头定义的变量）
3. 使用 ESLint + Prettier 配置代码书写格式
4. 引入 Vant 组件库并配置按需加载
5. 配置路由的懒加载
6. 通过 require.context 配置自动加载路由文件和 icon 图片文件
7. 封装 echart 组件、icon 组件、tabbar 组件、search 组件
8. 封转 layout 组件，配置路由的 meta 元数据，自定义控制顶部导航栏和底部Tab栏的显隐
9. 实现命令式配置导航栏按钮（支持文本，图片）
10. 通过全局混合 + keep-alive 组件实现缓存指定页面的逻辑

## `npm` 相关命令

## 下载依赖
```
npm install
```

### 运行项目
```
npm run serve
```

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

### 修复语法错误
```
npm run lint
```