#  MapGIS-Pan-Spatial-Map-Widgets-Config-UI-Frame

**Repository Path**: osmapgis/map-gis-pan-spatial-map-widgets-config-ui-frame

## Basic Information

- **Project Name**:  MapGIS-Pan-Spatial-Map-Widgets-Config-UI-Frame
- **Description**: MapGIS-Pan-Spatial-Map-Widgets-Config-UI的脚手架，可基于这个创建微件配置库。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-29
- **Last Updated**: 2023-11-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 目录结构

```plain
|── src
   |── components                           # 微件
   |── utils                                # 公共方法
   |── index.js                             # 入口文件
   |── shims-tsx.d.ts                       # 补充类型声明
   |── shims-vue.d.ts                       # .vue适配文件
|── .env.production                         # 环境变量配置文件
|── .eslintignore                           # ESlint忽略路径
|── .eslintrc.js                            # ESlint配置
|── .gitignore                              # GIT忽略路径
|── babel.config.js                         # babel配置文件
|── package.json                            # npm脚本和依赖项
|── postcss.config.js                       # 移动端适配配置文件
|── README.md                               # 您的网站/应用程序的自述文件
|── tsconfig.json                           # ts配置
|── vue.config.js                           # vue配置文件
```

# 安装依赖及打包

从 Gitee 上拉取 mapgis-pan-spatial-map-widgets-config-ui-frame 代码，执行 yarn 命令安装依赖

```
yarn
```

执行 yarn build 命令进行打包，打包后文件输出至 dist-libs 目录下

```
yarn build
```

![](./images/%E6%89%93%E5%8C%85%E6%96%87%E4%BB%B6%E7%A4%BA%E4%BE%8B.png)

# 引入方式

支持 src 引入及 dist-libs 两种引入方式，默认情况下为 dist-libs 引入。如需修改为 src 引入方式(开发的时候使用)，可在 package.json 文件当中修改"main"为"main1"，"module1"为"module"。

![](./images/%E4%BF%AE%E6%94%B9%E5%BC%95%E5%85%A5%E6%96%B9%E5%BC%8F.png)

成功引入至 mapgis-pan-spatial-map/mapgis-manager 框架包后执行 yarn dev 命令可以在后台页面看见显示效果

![](./images/%E6%98%BE%E7%A4%BA%E6%95%88%E6%9E%9C.png)

# 后台微件扩展指南

详见[后台微件扩展指南](./docs/%E5%90%8E%E5%8F%B0%E5%BE%AE%E4%BB%B6%E6%89%A9%E5%B1%95%E6%8C%87%E5%8D%97.md)