April 2018 (version 1.23) (opens new window)

Welcome to the April 2018 release of Visual Studio Code. This milestone the VS Code team has been focused on API work to support extension authors, but there are still plenty of updates in this version that we hope you will like. Some of the key highlights include:

• Highlighted indent guides (opens new window) - Helps visualize source code indenting.
• Run Code Actions on save (opens new window) - Run actions like Organize Imports when you save.
• NPM script explorer (opens new window) - Quickly find, run, and debug NPM scripts in your project.
• Problems view filtering (opens new window) - Choose which files will display errors and warnings.
• Middle mouse button column selection (opens new window) - Middle mouse button with drag for fast column selection.
• CSS region folding (opens new window) - Create regions in your CSS/SCSS/Less code for helpful code folding.
• Improved CSS new property support (opens new window) - Smart suggestions for CSS experimental properties.
• Markdown header search (opens new window) - Search for Markdown headers across your entire workspace.
• Custom Activity Bar views (opens new window) - Extension authors can create their own Activity Bar items.
• New deploy website tutorial (opens new window) - Learn how to deploy a static website to Azure Storage.

If you'd like to read these release notes online, go to Updates (opens new window) on code.visualstudio.com (opens new window).
You can also check out this 1.23 release highlights video (opens new window) from Cloud Developer Advocate Brian Clark (opens new window).

The release notes are arranged in the following sections related to VS Code focus areas. Here are some further updates:

• Editor (opens new window) - Better Unicode file support, more stable editor positioning.
• Workbench (opens new window) - Copy search results, better Git clone workflow, VS Code process explorer.
• Debugging (opens new window) - Logpoint expressions support smart completions and displaying structured objects.
• Languages (opens new window) - JavaScript/TypeScript Organize Imports action, persistent Markdown previews.
• Extension Authoring (opens new window) - New webview and FileSystem Provider APIs, 'Source' file level actions.

Run Code Actions on save (opens new window)

The new editor.codeActionsOnSave setting lets you configure a set of Code Actions that are run when a file is saved. For example, for JavaScript, TypeScript, and other extensions that contribute an organize imports Code Action, you can enable organize imports on save by setting (opens new window):

"editor.codeActionsOnSave": {
  "source.organizeImports": true
}

You can also enable or disable which Code Actions are run on save per language using a language specific setting (opens new window). The following settings enable organize imports on save for TypeScript files only:

"[typescript]": {
  "editor.codeActionsOnSave": {
    "source.organizeImports": true,
  }
},
"[typescriptreact]": {
  "editor.codeActionsOnSave": {
    "source.organizeImports": true
  }
}

Problems view filtering (opens new window)

You can now include or exclude files in the Problems view using filters.

• Use glob patterns in the filter input box to include/exclude files. An exclude pattern must be prefixed with !. For example, !*.js will remove all files that have a .js extension.
• There is a Filter using Files Exclude Setting button to remove all files matching your files.exclude setting.

The short video below shows filtering the project out directory based on the files.exclude setting and ignoring all node_modules by typing !**/node_modules/** in the filter input box:

Copy results from search context menu (opens new window)

The search results tree context menu includes three new options: Copy, Copy Path, and Copy All. This was a highly 👍'd request which will make it easier to share or export your search results.