You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Mac版VS Code自定义Flutter组件包裹为GetX Obx的方法

自定义VS Code Flutter扩展的Obx包裹选项

当然可以自定义这个包裹选项,具体步骤如下:

  • 打开用户代码片段配置
    按下Cmd + Shift + P唤起命令面板,输入Configure User Snippets并回车,选择flutter.json(没有的话直接新建该文件)。

  • 添加Obx包裹的代码片段
    在flutter.json中插入以下内容:

    "Wrap with GetX Obx": {
      "prefix": "obx-wrap",
      "body": [
        "Obx(()=> ",
        "  $TM_SELECTED_TEXT",
        ")"
      ],
      "description": "将选中组件包裹在GetX Obx中"
    }
    
  • 关联到快速修复菜单
    按下Cmd + ,打开设置,搜索Flutter: Wrap With Snippets,点击Edit in settings.json,把刚才的片段名称加入到配置数组里:

    "flutter.wrapWithSnippets": [
      "Wrap with GetX Obx",
      // 保留你需要的其他默认包裹选项,比如"Wrap with Container"等
    ]
    
  • 验证效果
    选中任意Widget代码,按下Cmd + .,就能看到新增的"Wrap with GetX Obx"选项,选择后就会自动按你想要的格式完成包裹。

内容的提问来源于stack exchange,提问作者Clifton Labrum

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.23 01:15:11