# 开发须知
> 优医项目采用MVVM框架VUE进行协同开发  


## node环境
> 下载文件后，npm install即可下载相关模块，安装前请确定已经安装node.js(>8.x) 

![](./assets/1.png)

## 使用vuecli可视化面板管理
> 可以使用命令行下载依赖，或者使用可视化面板安装依赖管理(请确保全局安装过`vuecli`)

```bash
npm install @vue/cli -g
vue ui
```
## 页面结构  

![](./assets/2.png)

```tree
public
 ├── index.html      => html入口
src
 ├── api             => api接口信息及axios封装
 ├── App.vue         => 页面入口文件
 ├── assets          => 公用css,js,images 静态资源
 └─ ├── css
    ├── images
    ├── js
    │   ├── aliyun-oss-sdk-5.3.1.min.js
    │   ├── aliyun-upload-sdk-1.5.0.min.js
    │   ├── area                               => 地址编码
    │   ├── es6-promise.min.js
    │   ├── filters.js                         => 全局过滤方法
    │   ├── getLocation.js                     => 获取地址
    │   ├── icon.js                            => base64 icon文件
    │   ├── rem.js
    │   ├── utils.js                           => 方法
    │   ├── weixinSDK.js                       => 微信jsSDK
    │   └── weixinShare.js                     => 封装微信分享
 ├── components      => 公用组件
 ├── main.js         => 程序入口文件
 ├── router.js       => 路由信息
 ├── store           => vuex(没用到)
 └── views           => 页面
.env.development     => 开发环境变量
.env.production      => 生产环境变量
.env.test            => 测试环境变量
vue.config.js        => vue配置文件(配置了反向代理)
```