# mpvue-quick-test

**Repository Path**: ming34902/mpvue-quick-test1

## Basic Information

- **Project Name**: mpvue-quick-test
- **Description**: 以mpvue官方mpvue-quickstart项目模板为基础；
配置vuex+fly+easymock等相关技术构建自定义化需求的初始前端项目模板；
- **Primary Language**: JavaScript
- **License**: AFL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2019-02-26
- **Last Updated**: 2021-02-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# mpvue-quick-test

#### 介绍
1、以mpvue官方mpvue-quickstart项目模板为基础；
2、采用Fly.js 作为http请求库
3、采用 https://easy-mock.com 新建了 两个项目（token 与 常规业务数据），模拟后台请求接口api

#### 安装教程
1. git clone 项目git地址
2. npm install
3. npm run dev
4. npm run build
5. 打开微信web开发者工具-导入项目(选择项目文件夹)-配置appId

### 项目文件结构
|-- 项目
    |-- .babelrc             # 集成es6环境
    |-- .editorconfig        # 编辑器的配置
    |-- .eslintignore        # 表示忽略语法检查的目录文件
    |-- .eslintrc.js         # eslint 严格代码规范
    |-- .gitignore           # 表示文件内写好的文件路径都会被Git忽略，不会被提交到代码仓库
    |-- .postcssrc.js        # 对css前缀的一些解析
    |-- index.html           # 入口页面
    |-- package.json         # npm包配置文件，里面定义了项目的npm脚本，依赖包等信息
    |-- README.md            # 项目介绍
    |-- build                # 脚本目录
    |   |-- build.js           # 生产环境构建脚本
    |   |-- check-versions.js  # 运行本地构建服务器，可以访问构建后的页面
    |   |-- dev-client.js      # 开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新
    |   |-- dev-server.js      # 运行本地开发服务器
    |   |-- utils.js           # 构建相关工具方法
    |   |-- vue-loader.conf.js    # vue垫片配置
    |   |-- webpack.base.conf.js  # webpack配置文件
    |   |-- webpack.dev.conf.js   # webpack开发环境配置
    |   |-- webpack.prod.conf.js  # webpack生产环境配置
    |-- config             # 项目配置
    |   |-- dev.env.js     # dev开发环境
    |   |-- index.js       # 项目配置文件
    |   |-- prod.env.js    # prod生产环境
    |-- dist               # bulid 构建成功后 生产的目录
    |-- src                # 开发目录
    |   |-- app.json       # 路由、tab等配置
    |   |-- App.vue        # 根组件
    |   |-- main.js        # 预编译入口文件
    |   |-- api            # api接口目录
    |   |   |-- home.js
    |   |   |-- user.js
    |   |-- components     #  公共组件目录
    |   |   |-- card.vue
    |   |-- pages          #  页面目录
    |   |   |-- index        # 首页
    |   |   |   |-- index.vue
    |   |   |   |-- main.js
    |   |   |   |-- style.scss
    |   |   |-- login        # 登录页
    |   |   |   |-- login.vue
    |   |   |   |-- main.js
    |   |   |   |-- style.scss
    |   |   |-- logs         # 登录日志页
    |   |   |   |-- index.vue
    |   |   |   |-- main.js
    |   |   |   |-- main.json
    |   |   |-- search       # 搜索页
    |   |       |-- index.vue
    |   |       |-- main.js
    |   |       |-- style.scss
    |   |-- store             #  vuex目录
    |   |   |-- index.js      #  vuex 注册
    |   |   |-- modules       #  业务模块
    |   |       |-- home.js
    |   |       |-- user.js
    |   |-- style                # 样式目录
    |   |   |-- common.css
    |   |   |-- index.css
    |   |   |-- weui.css
    |   |-- utils                  # 工具目录
    |       |-- baseURLConfig.js   # baseURL配置
    |       |-- global.js          # 全局数据存储 global
    |       |-- index.js           #
    |       |-- request.js         # fly 请求
    |       |-- wechat.js          #  wechat微信原生api
    |       |-- whiteList.js       #  请求白名单
    |       |-- common             # 公共类
    |       |   |-- mixins.js
    |       |   |-- tips.js
    |       |   |-- utils.js
    |       |-- lib               # 图书馆
    |           |-- amap-wx.js    # 高德-wx
    |-- static                    # web静态资源加载目录 不会被wabpack构建
        |-- images
            |-- common
            |-- tabs