【源码】基于VSCode的表单渲染可视化配置插件

项目简介

本项目名为vscode-plugin-fr-schema，是一个基于VSCode开发的表单渲染插件。它可帮助用户轻松编辑和可视化JSON表单配置，无需编写复杂的JSON代码。同时，该插件支持将React PropTypes解析为表单配置，方便开发者快速生成表单配置。

项目的主要特性和功能

1. 可视化编辑：通过右上角插件按钮直接进入可视化编辑模式，直观编辑JSON文件。
2. 多表单元素支持：包含输入框、下拉框、单选框等常见表单元素，满足多数表单需求。
3. 便捷操作：通过简单拖拽和配置完成复杂表单设计，点击保存生成对应JSON配置。
4. React PropTypes解析：能将React PropTypes解析为表单配置，加速表单配置生成。
5. 易于开发：提供详细开发文档与调试环境，便于进行二次开发与扩展。

安装使用步骤

安装

在VSCode插件商店搜索并安装FormRender插件，或访问 vscode 网上商店 进行安装。

使用

1. 打开任意.json文件，点击右上角插件按钮进入可视化编辑模式。
2. 在表单设计器中完成编辑，点击“保存”生成JSON配置。
3. 若需解析React PropTypes为表单配置，右键任意.jsx文件，选择“解析组件为表单配置”。

参与开发

1. 安装依赖：在项目根目录执行npm install命令安装所需依赖。
2. 调试插件：使用VSCode打开项目，执行yarn dev命令，然后按下F5开始调试。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】