如何在VSCode备份文件中保留代码折叠状态？

VSCode默认不会将手动设置的文件折叠状态存储在项目的.vscode文件夹内，而是保存在本地的工作区存储目录中，这就是复制项目到新位置后折叠状态丢失的核心原因。以下是几种可行的解决方法：

方法1：通过命令保存与加载折叠状态 #

• 打开目标JS文件，调整好需要保留的折叠范围
• 打开命令面板（快捷键：Ctrl+Shift+P 或 Cmd+Shift+P），执行命令 Editor: Save Folding State，VSCode会自动在项目的.vscode目录下生成foldingStates.json文件，保存当前文件的折叠状态
• 将项目复制到新位置后，打开对应的JS文件，再次打开命令面板，执行 Editor: Load Folding State，即可恢复之前设置的折叠范围

方法2：用注释标记固定折叠区域 #

如果代码结构相对固定，可以通过注释标记自定义折叠区域，让VSCode在任何环境下都能识别并折叠这些区域：

1. 在项目的.vscode/settings.json中添加配置（若没有该文件则新建）：

{
  "editor.foldingRegions": {
    "javascript": [
      { "start": "// #region", "end": "// #endregion" }
    ]
  }
}

2. 在JS文件中用// #region和// #endregion包裹需要折叠的内容：

// #region 工具函数
function formatDate() {
  // 函数内容
}

function validateInput() {
  // 函数内容
}
// #endregion

// 主逻辑
function main() {
  // 逻辑内容
}

这样无论在哪个位置打开文件，标记的区域都会自动识别为可折叠块，无需依赖本地状态。

方法3：复制VSCode工作区状态文件（临时应急方案） #

这种方法依赖VSCode的内部存储机制，版本更新可能失效，仅适合临时应急：

• 找到VSCode的工作区存储目录：
  • Windows：%APPDATA%\Code\User\workspaceStorage\
  • Mac：~/Library/Application Support/Code/User/workspaceStorage/
  • Linux：~/.config/Code/User/workspaceStorage/
• 找到对应原项目的工作区文件夹（可通过创建时间判断），复制其中的state.vscdb文件
• 在新位置打开项目后，将复制的state.vscdb替换到新工作区对应的文件夹中

内容的提问来源于stack exchange，提问作者Zsolt Szabó