VS code just put out its first release of 2023,
so let's take a look at some of the release
highlights from 2022. First up, explorer file nesting is no
longer experimental. You can nest related files based on their
names. By default this works for TypeScript and JavaScript files,
so if I enable this in my settings, you can
see the automatic nesting that happens in my explorer. You
can also add new patterns to the Explorer file nesting
pattern setting to fit your own project structure. The settings
editor now contains a funnel button that allows you to
quickly filter settings if I want to filter based on
TypeScript.
Specific settings. I can select language from the dropdown, then
Type TypeScript. This release has a couple of markdown updates
too. First, you can drag and drop files from the
explorer into the markdown editor to quickly create links. Just
hold shift while dragging the file over the editor and
a link will be created. It works for images too.
You can now also run find all references in markdown
files. This works for headers, URLs and files. And to
end, the same color bracket pairs are now automatically colored
by default. Say goodbye to your unbalanced brackets, you can
now use your gitignore.
Type files in the explorer. In this project I'm ignoring
out node modules and yarn dot lock. If I open
the settings and search for gitignore I can see the
settings for Explorer exclude gitignore. When I toggle this on
you can see that what is included in the Git
ignore is now hidden in the explorer. The problems panel
can now be toggled between a table and a tree.
Just hit this icon here and you'll see it displayed
as a table which quickly surfaces the source of the
problem and I can also toggle it right back to
the tree. Previously when navigating to the definition for a
JavaScript symbol you only have the go to definition option
which will navigate to the type definition.
Well now in this release we've added a new go
to source definition command that will navigate to the actual
JavaScript implementation. The team is actively working on improving this
feature and would love any feedback from the community. And
last but certainly not least, it just got even easier
to give your favorite extensions to love. When an extension
can be sponsored, you'll see the sponsor button right within
VS code which will take you to their sponsorship URL.
Starting out, you can now easily resolve any merge conflicts
in the new 3 way merge editor. You can use
the checkboxes to accept and combine changes and view the
result. This feature will be enabled by default and future
releases, but to try it out on this release you
just need to set the Git merge editor setting to
true and once you're happy with your merge resolution you
can now commit using the new commit action button. You
can customize this using the post commit command setting which
will let you do a push or sync after the
commit with just one click. You can use the Window
Command Center setting to enable the new command center. This
replaces the normal title bar you can Click to view
the quick Open dropdown which shows your recent files.
In the search box and you can also view the
quick access options. And finally this release introduces do not
disturb mode which will hide all non error notification popups.
We can see that when I open this project with
do not disturb disabled, I get this warning notification pop
up. I'm going to then toggle do not disturb on
by opening the Notification Center and clicking the Slash Bell
icon. Now when I load the project I don't get
the notification pop up but I can still view it.
In the Notification Center we have an experimental sticky scroll
feature. You can see that as I scroll the top
of the editor shows the scope that I am in,
for example when I scroll through different methods.
The method definition that I'm currently in sticks to the
top. You can enable this via the experimental sticky scroll
setting. The search view now also supports multi select. Any
actions that you perform on one result in the selection
will also be performed on the other selected items. I
can select multiple search results that I want to replace.
Click the replace icon on just one of the results
and the replace action will be performed on all the
selected items. We also added an update to the Jupiter
notebook experience where you can now jump straight to the
most recently failed cell. You can see how helpful this
is when I'm running multiple cells at once. Using this
new button, I can quickly go right to the cell.
Field and troubleshoot it. And last but not least, tree
views such as the File Explorer now support the find
control. While focused on the tree, you can press control
F or command F on a Mac to pop up
the find control. You can then use this to highlight
matching elements or toggle the filter button to hide all
elements that do not match the search term. The code
action UI has been completely overhauled. There is now a
custom control that makes it easier to find the code
action that you want. This lays the foundation for future
UX improvements, so let us know if you have any
feedback. After initiating a rename action on a file, you
can now press the F2 key to cycle.
Or the file name, entire selection and file extension to
make it easier to rename using only the keyboard. The
Jupiter Extension now lets users paste screenshots or image files
into markdown cells inside their notebooks. This can be enabled
via the notebook setting for paste images and the editor
setting for paste actions. There's a lot of cool updates
to the terminal that's release like Smooth scrolling. Before enabling
the setting, scrolling looks like this and what's enabled? You
can see that scrolling is animated for a short period
of time. The markdown support in VS code has been
reimplemented.
Be a full-featured language server. Learn more about it by
following this link to the blog post.
You can customize your toolbars by hiding actions. I can
right click on any action in a toolbar and hide
it using the hide command or toggle its visibility. Just
below that I'm going to hide this file annotations menu
from gatlins and then once hidden I can still access
it in the more actions menu located at the three
dots in the top right corner. We've added some improved
auto scroll behavior. The Editor Auto Scrolls at a more
manageable speed and the further your mouse is from the
editor and the faster it will scroll. Have you ever
accidentally added an invalid markdown link and only realized it
once you rendered the preview while VS Code now supports?
Markdown link validation via the markdown validate enabled setting. Here
I'm linking to an invalid image and now VS code
will tell me that the file does not exist at
that path. You can now view search results in a
tree. You can toggle between the list and tree view
by clicking the view tree or view list icon in
the top corner of the search view. And finally in
the run task command. You can pin your favorite tasks
for easier and faster access. When you right click a
folder in the tree view of the search view results,
there are now two new options in the context menu.
You can restrict search to folder which will add the
selected folder paths to the files.
To include text box or you can exclude folder from
search to add these selected folder paths to the files.
To exclude text box. When you enable the markdown update
links on file move setting, vscode will automatically update links
and images in markdown when files are moved or renamed
in the VS Code Explorer. When you enable the command
center by right clicking on the title bar and checking
Command Center, a new top section has been added to
make it easy to discover how to navigate to files,
run commands, and more. You'll now see the short list
of modes as well as their key bindings when you're
in a GitHub.
Your Azure repos repository on vscode for the web, committing
to a protected branch now notifies you that the current
branch is protected and prompts you to create a new
branch. You can also create new dev containers based on
existing templates. Follow the link to the remote release notes
to learn more.
Remote tunnels are now available as a preview feature in
VS code stable. You can now enable remote tunnel access
and once enabled, you can connect to the machine from
any device using Vscode dev or the remote tunnels extension
in the desktop version. Check out this blog post for
more details about the feature. Next, you can now hide
badges for a more minimalistic editor experience. You can now
use the just my code feature in Jupyter notebooks. It's
set to true by default, but you can now set
it to false to step through library code. You can
also now restart the current debug.
Session this makes it easy to instantly see any edits
you've made to the cell when debugging. Finally, have you
ever stepped into a file and then it causes a
huge folder expansion in the explorer? Well now you can
configure which files get auto revealed when the Explorer Auto
reveal setting is enabled. In the new auto reveal exclude
setting you can add a pattern for files that you
do not want to auto reveal.