Ual Studio Code 1.32 has been released.

Highlights of this release include:

  • Preview and apply color themes – No need to reload the installation and apply a new theme extension.
  • Keyboard Shortcuts Editor Improvements – Changes the key binding “when” condition in the editor.
  • Problems Panel Hover Commands – Apply quick fixes or directly hover to open a Peek window.
  • Preferred Code Actions – Code preferences support automatic fixes for common problems.
  • Debug Console Customization – Modified the font size, font family, and line height of the Debug Console.
  • Better IntelliSense for ARIA Attributes – A more detailed explanation of HTML accessibility attributes.
  • Vue.js interpolations IntelliSense – Vetur extension now supports Vue.js interpolation IntelliSense.
  • New “Bundling Extensions” topic – Use Webpack to improve the load time of your Extensions.

Let’s see:

Preview and apply the color theme

You can now preview and apply colors and file icon themes immediately after installing the extension.

Keyboard shortcuts improved

You can now edit the when condition clause for the key binding in the Keyboard Shortcuts editor.

Remove the link to open the keybinding. json file from the keyboard shortcut editor and use the {} button to the right of the editor’s title bar instead.

Automatic keyboard navigation Settings

The new setup command List: Automatic Keyboard Navigation controls whether lists and trees capture dictionary keys for Navigation and filtering elements.

Key binding demo for switching keyboard navigation with/for File Explorer:

{
    "key": "/"."command": "list.toggleKeyboardNavigation"."when": "filesExplorerFocus"
}Copy the code

Hover and issues panel PEEK improved

A command bar with quick Fixes and Peek Problems actions has been added to the Problems panel hover.

View from the Problems panel and now navigate to the previous and next errors/warnings.

Automatic fixes and preferred code actions

The Code Action API supports quick fixes for VS Code. While there may be many quick fixes for a given error, there is usually a fix that makes the most sense for the problem. For example, fixing spelling errors is often more likely to solve the problem than generating new fields.

The extension can now mark code actions as “preferred” to indicate that it is the most reasonable fix for a problem. When the preferred fix is available, a blue badge is added to the bulb indicating a quick fix. The preferred fix can be applied automatically using the AutoFix command.

Font configuration for the Debug Console

Font size, font family, and line height can now be configured in the debug console using the following Settings:

  • debug.console.fontSize
  • debug.console.fontFamily
  • debug.console.lineHeight

The Vetur extension now supports vue.js interpolation IntelliSense

The Vetur extension now provides IntelliSense for vue.js interpolation, calling vue.js props, data, computed, and methods to do this, with both the source code and the JSDocs document used as the completion item description.

Use webPack binding extensions

For extension authors, there is a new Bundling Extensions theme for Bundling extension files with Webpack to reduce extension load time.

For details, see announcement.

A link to the

  • For a more detailed introduction to Visual Studio Code, click here
  • To download Visual Studio Code, click here