Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>custom-formily-effect-vscode-pluginNew to Visual Studio Code? Get it now.
custom-formily-effect-vscode-plugin

custom-formily-effect-vscode-plugin

custom-formily-effects-vscode-plugin

|
6 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

custom-formily-effect-vscode-plugin

这是一款 VSCode 静态代码分析插件,该插件可以将使用 CustomFormily 创建的表单联动关系通过树图的方式展示出来,方便梳理表单字段间的影响关系.

使用插件

  1. 在使用 CustomFormily 提供的 createForm 创建表单页面中,右键选择 formily-effect-overview(快捷键 control+command+O)
  2. 等待表单字段解析
  3. 表单解析成功后,会在一个新 Tab 下展示表单内字段联动关系图
  4. 鼠标移入到 Hook 名称时,会高亮展示当前 Hook 影响的字段以及字段属性

效果示例

表单字段联动关系图

表单字段联动关系图

表单字段联动关系图高亮状态

表单字段联动关系图高亮状态

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft