Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>VueFormNew to Visual Studio Code? Get it now.
VueForm

VueForm

youpin-op-fe

|
614 installs
| (0) | Free
vue-form 表单设计器
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-plugin-form-schema

vscode plugin for vue-form

安装

插件商店搜索 VueForm 或访问 vscode 网上商店 进行安装

使用

  1. 打开任意 .json 文件,右上角出现进入编辑模式的 icon,表明已安装成功。点击此按钮可进入可视化编辑

    editor-button

  2. 在表单设计器里完成编辑点击 “保存”。全流程如下

    editor

更多说明

  • 唤起表单设计器的三种方式:

    1. 点击右上角的 icon (推荐)
    2. 资源管理器的任意 .json 文件,右键选择 VueForm可视化编辑表单配置 或 open with VueForm schema editor(英文编辑器)
    3. 打开任意 .json 文件,右键选择 VueForm可视化编辑表单配置 或 open with VueForm schema editor(英文编辑器)

相关名词

  • VueForm

    通过 JSON Schema 定义并校验表单,实现可视化表单的拖拽与配置

  • JSON Schema / schema

    json 标准,特指用于 VueForm 的表单配置

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