> 一个基于vue2.x编写的后台管理项目

## 介绍

### 本项目囊括以下技术和工具:

- [Vue.js](https://cn.vuejs.org/v2/guide/)
- [Sass](https://www.sass.hk/)
- [Webpack](https://doc.webpack-china.org/)
- [Babel](http://babeljs.io/)
- [Element](http://element.eleme.io/#/zh-CN)
- [Axios](https://www.kancloud.cn/yunye/axios)
- [Vue-router](https://router.vuejs.org/zh-cn/installation.html)


### 说明

　这是一个用vuejs2.0和element-ui 2.x搭建的后台管理界面。
    
### 项目结构
```
├── build  #webpack编译相关文件目录，一般不用动 
├── config  #配置目录
│   ├────dev.env.js  #开发环境变量
│   ├────index.js    #主配置文件
│   └────prod.env.js #生产环境变量
├── dist  #生产环境下build后的文件存放目录（发布目录）
├── src #前端项目源码目录
│   ├───—api  #接口地址配置文件目录
│   ├───—assets  #资源目录
│   ├───—common  #公用方法文件目录
│   ├───—components  #组件文件目录
│   ├───—router  #路由目录
│   ├───—view  #页面文件目录
│   ├───—App.vue #项目入口文件
│   ├───—bus.js  #公共通信组件
│   ├───—configs.js  #host地址配置文件
│   └────main.js  #项目的核心文件
├── index.html #首页入口文件
├── package.json #项目配置文件
└── README.md #项目的说明文档，markdown 格式
```

## 项目编译和运行

``` bash
（1）新开一个命令行窗口
（2）定位到项目目录并安装依赖  
  > npm install
（3）依赖安装成功后执行启动命令
  > npm run dev
  # 显示如下内容说明本地启动成功
  # DONE Compiled successfully in 7515ms
  # Listening at http://localhost:8081
   
   
#正式环境编译命令
# build for production with minification
npm run build

```