The biggest update this time isn't multi-root workspaces! Visual Studio Code 1.18 released!
![]()
table of contents
- 1 The long-awaited multi-root workspace
- 2 Vertical split display of terminal and debug console
- 3 VScode Blue logo Icon is Back
- 4 Now auto-imports JS/TS
- 5 Refactoring variables just got easier in JS/TS
- 6 Update files are now easily visible in the Explorer pane
- 7 Inline source code review now available
- 8 Improved usability of the debugging tools
- 9 summary
Hello.
I'm Mandai, the Wild team member in charge of development.
The latest version of Visual Studio Code (VSCode), 1.18, has been released!
The main highlight this time is the multi-root workspace, which all of humanity has been waiting for!
Or so I thought, but there was an incredible hidden gem.
The long-awaited multi-root workspace
Multi-root workspaces have finally been released.
To put it simply, this significantly changes the concept of workspaces as defined by VS Code until now. Previously, "directory (folder) = workspace" changed to "directory ∈ workspace".
Previously, you could only open one directory per window, so to open another directory, you had to open yet another window.
This might be acceptable if the two directories contain completely unrelated information, but if you plan to use them permanently, opening a new window every time becomes a hassle.
In such cases, creating a multi-root workspace solves the problem in one go.
The advantages of belonging to the same workspace don't stop there.
Ctrl + Shift + FYou can perform a search across the entire workspace using
When you create a multi-root workspace, a file like "test.code-workspace" is created.
This file is a JSON file that stores information about the directories included in the multi-root workspace.
If you want to open a multi-root workspace in VSCode, you can easily do so by double-clicking this code-workspace file
For more nerdy information, it seems you can also create a multi-root workspace and add directories from the command line
Vertical split display of terminal and debug console
In previous versions, the terminal was fixed to the bottom of the window and couldn't be moved, with only options to hide, show, and maximize. Now, however, there's an option to display it to the right of the editor.
Furthermore, pressing the maximize button will significantly shrink the editor area on the left, allowing you to view the terminal more clearly.
VScode Blue logo Icon is Back
This is a bolt from the blue!
The orange logo, which received relentless criticism in the last update and significantly expanded my vocabulary of insults, has been unexpectedly removed...!
It seems to depend on the OS icon cache, so I guess I'll just restart and wait (in my Windows 10 environment, restarting changed the icon).
I've taken a closer look at Microsoft's stance on OSS
Now auto-imports JS/TS
Will we no longer encounter undefined errors when working with functions? That
would be quite sad.
Refactoring variables just got easier in JS/TS
This refactoring focuses on moving local code into a broader scope.
The technique involves creating a function and retrieving the result as an array, but I suspect this is less frequent than creating a function for the processing itself.
Update files are now easily visible in the Explorer pane
It's a small thing, but it's nice to see the update status in every pane
Inline source code review now available
Accepting and reverting changes can now be done block by block. This
can become complicated when working with the same source code in multiple windows (e.g., stable and preview versions).
Improved usability of the debugging tools
Previously, using debugging tools required opening the debug pane (orCtrl + Shift + d) and then clicking the Start button. Now, however, you can launch them from a button in the status bar.
If you are using something like nodemon, this may not be so important, but in my environment nodemon crashes immediately when it takes a break, so I stopped using it and now I restart it manually, so I'm grateful for this
Furthermore, a new shortcut, Ctrl + F5, has been added.
This launches the program without attaching any debugging tools.
This is also great for shortcut addicts
summary
I was so excited about the multi-root workspace update (a bit of an outdated expression), but then the logo changed – what a frustrating update!
Honestly, I've lost all interest in the other updates.
The orange logo is rare, so using it in my article about the previous 1.17 update might be a nice memento.
Aside from the multi-root workspace feature, this update seems to be quite fruitful in terms of functionality.
I'm starting to worry that they might run out of ideas for future updates.
That's all
0
