VSCode多根工作区:无需手动编辑workspace.json修改根文件夹名称?
解决VSCode多根工作区文件夹名称显示问题
一、无需手动编辑配置的显示调整方法
直接通过VSCode内置设置修改显示逻辑,不用改动workspace.json:
- 打开设置(快捷键
Cmd/Ctrl + ,),搜索**workbench.list.labelFormat**- 设置为
fullPath:侧边栏会显示文件夹的完整绝对路径 - 设置为
long:会显示多级目录(比如你的场景里会显示x/src、y/src、z/src)
- 设置为
- 这个设置对所有工作区生效,适合频繁增删文件夹的场景,不用每次手动添加
name属性。
二、程序化自动添加名称的方案
如果需要更灵活的自定义名称,或者想在添加文件夹时自动生成name,可以用以下两种方式:
使用VSCode任务批量更新
- 在工作区的
.vscode/tasks.json里创建任务,用脚本(比如Node.js或bash)遍历workspace.json的folders数组,自动给每个文件夹添加基于路径的name(比如提取路径倒数两级) - 示例Node.js脚本逻辑:
const fs = require('fs'); const workspacePath = './your-workspace.code-workspace'; const workspace = JSON.parse(fs.readFileSync(workspacePath, 'utf8')); workspace.folders = workspace.folders.map(folder => { const parts = folder.path.split('/'); // 取倒数两级目录作为名称 folder.name = parts.slice(-2).join('/'); return folder; }); fs.writeFileSync(workspacePath, JSON.stringify(workspace, null, 2)); - 添加文件夹后,运行这个任务就能自动更新所有文件夹的
name属性。
- 在工作区的
借助扩展实现自动化
- 安装像Workspace Configurator这类扩展,部分扩展支持自定义规则,在添加文件夹到工作区时自动生成名称(比如基于父目录名+当前目录名)。
三、临时重命名(快捷操作)
如果只是偶尔需要修改单个文件夹的显示名称,不用编辑配置文件:
- 在侧边栏右键点击目标文件夹,选择重命名工作区文件夹,直接输入自定义名称,VSCode会自动同步更新
workspace.json里的name属性。
内容的提问来源于stack exchange,提问作者pablo
相关产品推荐
相关产品推荐

