How to Use VSCode Multi-Root Workspace?

VSCode Multi-Root Workspace is a powerful feature that allows you to manage multiple folders simultaneously in a single workspace during software development projects. Especially in microservice architecture, full-stack applications, or multi-module projects, you can easily manage different codebases within a single VSCode window using the Multi-Root Workspace. In this way, it is possible to switch between projects, share common settings, and achieve a more efficient development process.

How to Create a Multi-Root Workspace?

Creating a Multi-Root Workspace in VSCode is quite simple. First, you can add multiple folders from the "File > Add Folder to Workspace..." menu. All the added folders will be listed on the right in the "EXPLORER" panel. Then, you can use the "File > Save Workspace As..." option to save your workspace settings and create a .code-workspace file. This file stores your workspace configurations and folder setups.

.code-workspace File Example

{
  "folders": [
    { "path": "backend" },
    { "path": "frontend" }
  ],
  "settings": {
    "editor.tabSize": 2
  }
}

In the example above, a "backend" and a "frontend" folder were added to the workspace, and a common setting was defined. With this method, you can view different projects simultaneously and speed up your development process.

Advantages and Best Practices

With the VSCode Multi-Root Workspace feature, code sharing between projects, common lint settings, version control, and extension configurations can be managed in a single file. Especially in teams working collaboratively, sharing the workspace file makes it easier for team members to work in the same environment. Also, if the workspace settings are added to the project directory, they can be kept under control and, if desired, kept private by adding them to .gitignore.

Practical Tips

• You can use Multi-Root Workspace to manage modules in different languages side by side.
• You can define individual settings for each folder within the workspace.
• Common development extensions and tasks can be defined at the workspace level.

Conclusion

The VSCode Multi-Root Workspace feature provides practical solutions for the complex needs of modern software development. Using this feature to keep multiple projects organized in one place saves time and increases productivity. If you frequently switch between folders in your projects or manage microservice structures, you can take your workflow to the next level with VSCode Multi-Root Workspace.