VSCode如何锁定代码折叠？防止指定区域自动展开

VSCode原生没有直接的「锁定折叠」功能，但可以通过以下几种方式实现你需要的效果：

方法1：区域折叠注释 + 编辑器设置调整 #

利用VSCode的自定义区域折叠标记，配合设置避免格式化后自动展开：

• 给需要锁定的HTML区域添加专属折叠注释：

  <!-- region 谷歌元信息 -->
  <script type="application/ld+json">
    // 你的长JSON元信息模板内容
  </script>
  <!-- endregion -->
  

• 打开VSCode设置（快捷键Ctrl+,），修改以下项：
  • 将Editor: Folding Strategy设为indentation，确保区域注释能触发稳定折叠
  • 将Editor: Format On Save Mode设为modifications，仅格式化你修改过的内容，避免全文件格式化触发折叠展开
  • 开启Editor: Preserve Folding State，确保保存或切换文件时保留手动折叠的状态

方法2：第三方扩展插件 #

几款专门增强折叠功能的插件可直接实现锁定：

• Fold Plus：安装后选中目标折叠区域，右键选择Lock Fold，该区域会保持折叠状态，仅当你手动右键选择Unlock Fold时才会展开，格式化、滚动操作都不会触发自动展开
• Custom Fold：支持自定义折叠规则，同时提供锁定折叠选项，适合批量管理多个固定折叠区域的场景

方法3：代码片段替代（备选方案） #

如果那段元信息大部分是固定模板，可将其做成VSCode代码片段：

• 打开用户代码片段（Ctrl+Shift+P → 输入Configure User Snippets → 选择HTML）
• 添加如下片段：

  "谷歌元信息模板": {
    "prefix": "google-meta",
    "body": [
      "<script type=\"application/ld+json\">",
      "  {",
      "    \"@context\": \"https://schema.org\",",
      "    \"@type\": \"WebPage\",",
      "    // 你的固定模板内容",
      "  }",
      "</script>"
    ],
    "description": "插入谷歌元信息JSON模板"
  }
  

• 平时可将该区域折叠隐藏，需要修改时输入google-meta调用片段编辑

内容的提问来源于stack exchange，提问作者Ron B Palmer