# vue-h5

**Repository Path**: talentle/vue-h5

## Basic Information

- **Project Name**: vue-h5
- **Description**: vue-cli4.0+vant搭建移动端项目模板,2020-09，更新于2021-09
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-10-11
- **Last Updated**: 2021-10-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-h5  H5项目模板前端工程

项目基于vue-cli@4.5.0 + vue@2.6.11 + vant搭建的移动端项目模板，开箱即用，更新于2021年09月

## 构建打包

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

### 启动服务
```
yarn serve   ||  npm run serve
```

### 代码打包-可以打包不同环境地址的包
```
yarn build  ||  yarn build-test ||  npm run build  ||  npm run build-test
```

### Lints and fixes files
```
yarn lint
```

## 基础应用

* [框架：vue2](https://cn.vuejs.org/v2/guide/)
* [脚手架：vue-cli](https://cli.vuejs.org/zh/config/)
* [路由管理：vue-router](https://router.vuejs.org/zh/)
* [状态管理：vuex](https://vuex.vuejs.org/zh/)
* [CSS扩展：less](https://less.bootcss.com/)
* [接口请求：axios](https://github.com/axios/axios)
* [组件库：vant](https://youzan.github.io/vant/#/zh-CN)


## 目录结构

```shell

vue-h5
  |-public                // 主页面html
  |-src
      ├─assets            // css、图片、字体包资源
      ├─components        // 全局公用组件和页面组件
      ├─config            // 可以存放环境等相关配置
      ├─directive         // 自定义指令
      ├─router            // 路由配置
      ├─service           // 公共api和请求方法
      ├─store             // 状态管理
      ├─models            // 存放前端静态数据
      ├─utils             // 全局公用方法
      |-views             // 功能页面
      |-App.vue           // vue文件入口
      |-main.js           // js文件入口
  |- babel.config         // babel配置
  |-.editorconfig         // 编辑器编码设置
  |-.eslintrc             // eslint配置
  |-.gitignore            // git忽略文件配置
  |-postcss.config.js     // css预处理和适配的配置文件
  |-commitlint.config.js  // git提交规范配置
  |-package.json          // npm包管理文件
  |-README.md             // 项目说明

```

## 运行效果图

![avatar](./src/assets/images/p.gif)