VSCode中JavaScript多行注释折叠失效的解决办法

块注释（/* ... */）的处理方法 #

VS Code的语法解析器会把无间隔的连续块注释识别为单一整体，导致折叠功能异常。可以通过以下方式拆分：

• 在独立注释块之间添加空行，让解析器区分不同块：

  /* 方案一代码
  function test1() {
    console.log('方案1');
  }
  */
  
  /* 方案二代码
  function test2() {
    console.log('方案2');
  }
  */
  

• 给每个块注释添加明确的标记头，辅助解析器识别边界：

  /* 方案一：
  function test1() {
    console.log('方案1');
  }
  */
  
  /* 方案二：
  function test2() {
    console.log('方案2');
  }
  */
  

行注释（// ...）的处理方法 #

连续行注释默认会被合并为一个折叠块，要拆分多个独立块：

• 在不同注释段之间插入空行或分隔注释，比如// ---：

  // 方案一代码开始
  // function test1() {
  //   console.log('方案1');
  // }
  // 方案一代码结束
  
  // ---
  
  // 方案二代码开始
  // function test2() {
  //   console.log('方案2');
  // }
  // 方案二代码结束
  

更可靠的替代方案：自定义区域折叠 #

直接使用VS Code原生支持的#region标记，完全规避注释折叠的问题，每个区域都是独立可折叠单元，还能命名：

// #region 方案一
function test1() {
  console.log('方案1');
}
// #endregion

// #region 方案二
function test2() {
  console.log('方案2');
}
// #endregion

内容的提问来源于stack exchange，提问作者AkiZukiLenn