vscode 标签的展开收起

首选项-设置（可用图形化直接搜索，或用 JSON 格式显示）, 用户设置(User Settings)

{
  "[javascript]": {
    "editor.foldingStrategy": "indentation"
  },
  "[javascriptreact]": {
    "editor.foldingStrategy": "indentation"
  },
  "[typescript]": {
    "editor.foldingStrategy": "indentation"
  },
  "[typescriptreact]": {
    "editor.foldingStrategy": "indentation"
  }
}

foldingStrategy：控制计算折叠范围的策略。auto 将使用语言特定的折叠策略 (若可用)。indentation 将使用基于缩进的折叠策略。

全局设置

"editor.foldingStrategy": "indentation"

bug

默认情况下， vscode 的 foldingStrategy 策略是 auto， 针对 vue, js 一类的的语言，折叠代码块之后会看不到末尾的 } 例如：

如果全局设置 "editor.foldingStrategy": "indentation" 这一类的语言代码块折叠、收起正常了, 如下图

但是如果你经常在 vscode 中写 markdown 文件的话，你会发现这么配置之后，markdown 的标题无法收起、展开了，

此时只需要为 markdown 语言设定一个自定义的 auto 属性即可。

代码块/全文 折叠/展开 快捷键

要操作光标所在文件中的所有代码块：

• 折叠所有 Ctrl+K+0
• 展开所有 Ctrl+K+J

仅仅操作光标所处代码块内的代码：

• 折叠 Ctrl+Shift+[
• 展开 Ctrl+Shift+]