# Config UI

这里是 Config UI 的 Vue 实现，开发和服务于企业级后台产品。


## ES6 方式（外网）

使用 npm 或 yarn 安装

我们推荐使用 npm 或 yarn 的方式进行开发，不仅可在开发环境轻松调试，也可放心地在生产环境打包部署使用，享受整个生态圈和工具链带来的诸多好处。

```sh
npm install @mapgis/mapgis-pan-spatial-map-widgets-config-ui --save
```

```sh
yarn add @mapgis/mapgis-pan-spatial-map-widgets-config-ui
```

如果你的网络环境不佳，推荐使用 [cnpm](https://github.com/cnpm/cnpm)。

## 全局引入

```javascript
// main.js
import '@mapgis/mapgis-pan-spatial-map-widgets-config-ui/dist-libs/mapgis-pan-spatial-map-widgets-config-ui.css'

import widgetsConfigUi from '@mapgis/mapgis-pan-spatial-map-widgets-config-ui'
```

## 基于内网仓库开发（内网）

内网仓库建议使用 yarn 安装

```sh
npm set registry http://192.168.11.130:4873/   （这里设置yarn的内部仓库源时需要先设置npm的内部，否则容易出问题）
yarn config set registry http://192.168.11.130:4873/
yarn add @mapgis/mapgis-pan-spatial-map-widgets-config-ui
# https://github.com/yarnpkg/yarn/issues/4862#issuecomment-368688262
# npm config set registry https://registry.npm.taobao.org // 还原回公网仓库
# yarn config set registry https://registry.npm.taobao.org // 还原回公网仓库
```
