Official release! What's New in VS Code 1.66

Visual Studio Code 1.66 is now available!

There are a lot of updates in this version. This article excerpts some new features for introduction.

local history

A file's local history can be used in the timeline view to track local file changes independently of source control. Depending on the configured settings, every time the editor is saved, a new entry is added to the list:

Each entry in the local history contains the entire contents of the file at the time the entry was created, from which you can:

• Compare changes to local files or previous entries.
• Restore content.
• Delete or rename entries.

Settings editor

▌Language filter

• You can now type @lang:languageId in the settings editor search box to view and edit all settings for the corresponding language configuration.
• View language-specific settings also known as language overrides, which remain configured until explicitly reset by clicking the gear icon and reset settings.
• The image below demonstrates setting the language filter to @lang:css to show all possible CSS language override settings.

▌Workspace and folder settings save

Workspace and folder settings in the settings editor are now preserved until manually reset by the user.

Previously, the user had to open the workspace settings JSON file to set this value, under Setting the editor tab size in the settings editor workspace tab, it was automatically added to the workspace's settings.json file.

terminal

▌ Show all found matches

When searching in the terminal, all instances of the search term will be highlighted. The highlighted highlight color can be fine-tuned with the color customization commands prefixed with terminal.findMatch.

scroll bar annotation

Comments are added to the terminal's scroll bar to indicate each important node.

For example, the results of the lookup have corresponding annotations in the scroll bar:

debugging

▌JavaScript debugging

The JavaScript debugger now supports collecting and visualizing heap profiles, which allow viewing the location and amount of memory allocated over time.

language

▌CSS formatter

The built-in CSS extension comes with a formatter for CSS, LESS and SCSS. Implemented by the JS Beautify library with the following settings:

• css.format.enable - enable/disable default CSS formatter.
• css.format.newlineBetweenRules - separate rule sets with blank lines.
• css.format.newlineBetweenSelectors - separate selectors with newlines.
• css.format.spaceAroundSelectorSeparator - ensures that selector separators ">", "+", "~" have space characters around them (eg a > b).

The same settings also exist for less and scss.

▌JavaScript semantic highlighting in HTML

This version highlights the semantics of JavaScript source code in HTML files, aligned with what you see in normal .js files. This move not only makes code colors more consistent, but also adds some important semantic information that was missing before, such as highlighting read-only types.

VS Code for the Web

▌Drag and drop files support Local files and folders can be dragged and dropped into browser windows opened on vscode.dev or insiders.vscode.dev to access specific content.

▌R in VS Code A new R topic describes R programming language support with R extensions in VS Code. R extensions include rich language features such as code completion and linting, as well as an integrated R terminal and dedicated workspace, data and plot viewers.

This version also includes more updates, which are not introduced one by one due to space reasons, but can be viewed in the original Microsoft blog.

https://code.visualstudio.com/updates/v1_66

See more details.