# xboot-app-mintui

**Repository Path**: HLG-FRAMEWORK/xboot-app-mintui

## Basic Information

- **Project Name**: xboot-app-mintui
- **Description**: 基于mintui封装的webapp快速开发框架
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2018-02-05
- **Last Updated**: 2023-06-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WebAPP Basic Framework

> 基于vue + vue-router + vuex + axios + mintui + webpack 的webapp基础开发框架

# 核心技术栈
1. MVVM框架（Vue2.0+） http://cn.vuejs.org/
2. 路由（Vue-Router2.0+） http://router.vuejs.org/zh-cn/
3. 状态管理（Vuex2.0+，基于Redux） http://vuex.vuejs.org/zh-cn/
4. 前端UI框架（mintui2.0+） https://github.com/ElemeFE/mint-ui/
5. Ajax框架（axios） https://github.com/mzabriskie/axios
6. 阿里巴巴矢量字体图标库（iconfont） http://www.iconfont.cn/

# 开源库
1. JS工具包lodsh https://lodash.com/
2. CSS动画库（Animate.css） https://github.com/daneden/animate.css

# 目录结构说明
1. build： webpack配置文件
2. config： 应用配置文件，如：API接口地址
3. src：源代码存放目录
- src/assets：资源目录（CSS、JS、IMG）
- src/commons: 应用公共库
- src/commponents： 公共vue组件，如：上拉下拉刷新loadmore组件、header、footer等
- src/libs：第三方库
- src/mixins：全局混合
- src/pages：vue组件
- src/plugins：插件目录
- src/plugins/http.js：axios全局请求和响应拦截处理
- src/router：路由配置
- src/store：vuex
- src/App.vue：应用入口组件
- src/AppConstants.js：应用全局常量
- src/main.js：webpack打包入口文件

4. static：静态资源
5. yarn.lock：npm依赖版本锁定文件（yarn生成）
6. package.json npm依赖描述文件
7. index.html html模板

## Build Setup

``` bash
# install yarn
npm install -g yarn

# install dependencies
yarn

# serve with hot reload at localhost:8080
yarn run dev

# build for production with minification
yarn run build

```