# yuntu

**Repository Path**: yushi5344/yuntu

## Basic Information

- **Project Name**: yuntu
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-02-09
- **Last Updated**: 2022-02-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 云图项目说明
## 开发要求
- node ≥12
- npm >7
## 环境支持
- Edge ≥ 79
- FireFox ≥78
- Chrome ≥ 64
- Safari ≥ 12

## 使用框架及组件
- vite 
- vue3
- element-plus

## 安装
1. 安装依赖
   ``` shell
     npm install 
   ```
2. 启动
   ```shell
    npm run dev
   ```
   
## 文件结构
```
|--public                       公共文件库
|   |--favicon.ico       
|--src                          源码目录
|   |--api                      api相关 
|       |--index.js             暴露所有api
|       |-- mock.js             假数据模拟
|   |--assets                   静态资源
|   |--components               组件库
|      |--Center.vue            中部组件
|      |--DynamicSlice.vue      动态切片组件
|      |--Header.vue            头部组件
|      |--LeftTree.vue          左侧导航组件
|      |--RightMenu.vue         右键菜单
|      |--SliceCondition.vue    切片等值线组件
|   |--App.vue                  主组件
|   |--main.js                  打包入口文件
|--index.html                   单文件模板
|--package.json 
|--vite.config.js               vite配置文件
```
## 其他 
1. 开发时使用代理   
   在`vite.config.js`中配置,相关代码
   ```js
      proxy:{
	     '/api':{
              target:'http://localhost:4300',// 开发时换成实际代理目标
              changeOrigin:true,
              rewrite:path => path.replace(/^\/api/,'')
          }
     },
   ```
2. 不使用临时数据,发送真实请求    
   在`src/api/index.js`中,注释下方代码
   ```js
     import './mock';
   ```
3. 隐藏底部调试窗口    
   在`App.vue`中修改以下代码
	```js
   show = false,
   footerHeight=0,
   ```