引言
VS Code作为一款功能强大的源代码编辑器，支持多种编程语言的开发环境，同时提供了许多有助于提升开发效率的特性。不过很多人应该只是利用其实现最基础的编码功能，今天给各位友友介绍VS Code中的一个强大功能：工作区（workspace），教你定制足够个性化的开发环境！
工作区workspace
工作区是在 VS Code 窗口中打开的一个或多个文件夹的集合。在大多数情况下，你将打开一个文件夹作为工作区。但是，根据你的开发工作流，你可以在同一个环境中同时处理多个项目或多个文件夹，这是称为多根工作区的高级配置。
如何打开工作区
方式一：使用文件 > 打开文件夹... 菜单，然后选择一个文件夹来打开工作区。
方式二：从终端启动 VS Code，则可以将文件夹的路径作为第一个参数传递给用于打开的代码命令。例如，使用以下命令打开 VS Code 的当前文件夹 （.）：
code .
单文件夹工作区
无需执行任何操作，只需使用 VS Code 打开文件夹，文件夹即可成为单文件夹工作区。
打开文件夹后，VS Code 会自动跟踪配置，例如打开的文件或编辑器的布局。当之后在 VS Code 中重新打开该文件夹时，编辑器将保持之前离开时的状态。
多根工作区
多根工作区是 VS Code 的一项高级功能，允许你将多个不同的文件夹配置为同一工作区的一部分。你不会将文件夹作为工作区打开，而是打开一个 <name>.code-workspace JSON 文件，该文件列出了工作区的所有文件夹。例如：
// 里面记载的是项目（文件夹）路径地址
{
"folders": [
{
"name": "new name", //覆盖文件夹的显示名称
"path": "my-folder-a" //文件夹路径地址
},
{
"path": "my-folder-b"
}
]
}
打开多根工作区
方式一：使用文件 > 从文件打开工作区... 菜单，然后选择一个.code-workspace来打开工作区。
方式二：直接双击.code-workspace来打开工作区。
打开文件夹与打开
.code-workspace文件显示可能不同。为了提示你已打开.code-workspace文件，用户界面的某些区域（例如，文件资源管理器的根目录）会在名称旁边显示一个额外的 （Workspace） 后缀（汉化后就是 (工作区)）。
使用多根工作区处理多个相关项目
新建工作区文件夹，创建你需要的指定项目的工作区文件，例如：
之后在.code-workspace工作区文件中配置该项目所包含相关项目文件夹的路径地址，使用相对路径或绝对路径都可以，例如：
{
"folders": [
{
"path": "C:/Users/.../project_aaa"
},
{
"path": "C:/Users/.../project_bbb"
}
],
"settings": {}
}
优势
多根工作区允许你将多个项目或文件夹合并为一个工作区，如果你还有项目文档文件夹、项目ui文件夹...都可以加入同一个工作区，这些项目可能不会存储在磁盘上的同一父文件夹中，但可以从任何地方选择要添加到工作区的文件夹。提供一个统一的视图，便于管理和导航。
工作区配置
VS Code中有个存在用户的主目录下的settings.json文件，允许用户根据个人偏好配置语言特性、扩展设置、个性化编辑器等，这里面配置的是全局设置。
VS Code支持工作区配置，可以在已打开的工作区的上下文中配置设置。工作区设置始终覆盖全局用户设置。
一些配置设置示例：
{
// 文件资源管理
"explorer.fileNesting.enabled": true, //启用文件嵌套
"explorer.fileNesting.expand": true, //是否自动展开文件嵌套
// 优化文件列表
"explorer.fileNesting.patterns": {
"tsconfig.json": "tsconfig.*.json",
"vite.config.ts": "vite.*.ts,vite.*.js",
".env": ".env.*"
},
// 文件隐藏
"files.exclude": {
".vscode": true,
},
// 个性化
"workbench.colorTheme": "Code Blue", //主题
"workbench.iconTheme": "material-icon-theme", //文件夹图标主题
"workbench.colorCustomizations": {
"editorLineNumber.foreground": "#83dff9", //行号颜色
"editor.selectionBackground": "#b5fff32f", //选中背景色
"editor.lineHighlightBackground": "#0d1117" //当前行背景色
}
}
单文件夹工作区配置
存放在工作区文件夹下.vscode文件夹下的settings.json文件中。
多根工作区配置
配置在.code-workspace工作区文件中的settings选项中
{
"folders": [
...
],
"settings": {
"workbench.colorTheme": "Code Blue" //主题
}
}
VS Code工作区的优势
- 保持工作区整洁：避免在工作区中包含不必要的文件和文件夹，以减少混乱。
- 多项目视图：将多个项目或文件夹作为单个工作区的一部分，使得在不同项目之间切换和查看变得容易。
- 共享配置：为工作区设置共享的配置，如
settings.json、launch.json和tasks.json，这些配置将应用于工作区中的所有项目。 - 提高效率：通过在工作区内快速切换项目，开发者可以避免在不同项目之间频繁打开和关闭VSCode，从而节省时间。
- 统一的搜索和替换：工作区支持跨多个项目进行搜索和替换，这使得全局代码查找和修改变得更加简单。
写在最后
工作区功能是管理复杂项目和提升开发效率的强大工具。通过合理使用工作区，开发者可以更加专注于编码，减少环境配置的时间，提高开发效率。无论你是处理单一项目还是多项目，VSCode 工作区都能提供帮助。
今天的分享就到这里，感谢大家的阅读，有问题可以评论区一起交流！
