plugIn 可视化表单设计器

介绍

本项目使用 vue-cli 3 搭建，基于 vue 和 element-ui 实现，使用了最新的前端技术栈，内置了 i18 国际化解决方案。

二次开发

二次开发需要 vue 的基础，如果还不了解 vue 请查看 Vue 官方文档

目录解析

├── public                                       # 静态资源
│   │── lib                                      # 第三方插件库
│   │── index.html                               # html模板
├── src                                          # 源代码
│   │── assets                                   # 图片等静态资源
│   │── components                               # 组件库
│   │
│   │── demo                                     # 示例demo
│   │   │── Home.vue                             # 演示设计器
│   │── directive                                # 全局指令
│   │── iconfont                                 # iconfont 字体库
│   │── lang                                     # 国际化配置
│   │── router                                   # 路由
│   │── styles                                   # 全局样式
│   │── util                                     # 全局公用方法
│   │── App.vue                                  # 入口页面
│   │── editorBundle.js                          # 打包 VueEditor
│   │── index.js                                 # 设计器打包入口
│   │── main.js                                  # 入口文件 加载组件 初始化等
├── package.json                                 # package.json
├── vue.config.js                                # vue-cli 配置

自定义设计器图标

项目使用的是阿里字体图标库 iconfont , 如果需要自定义图标配置，请将图标加入到自己的项目中，然 后选择 Font class，将代码下载到本地替换 src/iconfont 文件夹下的文件

打包 lib 步骤

1.npm run build-bundle

2.npm publish

npm 其他命令

删除指定版本：npm unpublish [email protected]

删除整个包：npm unpublish 包名 --force