Visual Studio Code - 20+

rogerxu commented 2 years ago

20

rogerxu commented 2 years ago

21

rogerxu commented 2 years ago

Release version 1.22

Visual Studio Code March 2018

Syntax aware folding

"editor.folderingStrategy": "auto"

Error and reference navigation across files

F8 and Shift+F8 to navigate through problems.

Trigger Find All References (Shift+F12) on a symbol and use F4 and Shift+F4 to visit each reference.

Hints in the editor

Render hint diagnostics with an ellipsis ... under the start of the word.

Easier way to open large files

"files.maxMemoryForLargeFilesMB": 4096

Logpoints

A Logpoint is a variant of a breakpoint that does not "break" into the debugger but instead logs a message to the console. Logpoints are especially useful for injecting logging while debugging production servers which cannot be stopped.

A Logpoint is represented by a "diamond" shaped icon. Log messages are plain text but can include expressions to be evaluated within curly braces ('{}').

Automatically Attach to Node.js processes

If enabled, the Node debugger automatically attaches to Node.js processes that have been launched in debug mode from VS Code's Integrated Terminal.

To enable the feature, either use the Toggle Auto Attach action or, if the Node debugger is already activated, use the Auto Attach Status Bar item.

Improved argument quoting

{
  "label": "dir",
  "type": "shell",
  "command": "dir",
  "args": [
    "folder with spaces"
  ]
}

Fold Markdown by heading level

Suggestion Code Actions for JavaScript

Ctrl+.

Convert ES5 class to ES6 class
Convert commonjs module to ES6 module

CSS path completion

rogerxu commented 2 years ago

Release version 1.23

Visual Studio Code April 2018

Highlighted indent guides

"workbench.colorCustomizations": {
  "editorIndentGuide.activeBackground": "#ff0000"
}

Run Code Action on save

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

Column selection using middle mouse button

Shift+Alt+Left Mouse Button
Middle Mouse Button

NPM script running

"npm.enableScriptExplorer": true

CSS region folding

You can now use /* #region */ and /* #endregion */ to mark a region as foldable in CSS/SCSS/Less. In SCSS/Less, you can also use // #region and // #endregion as folding markers.

CSS new property support

Retrieve new CSS property data from MDN.

Markdown header search

rogerxu commented 2 years ago

Release version 1.24

Visual Studio Code May 2018

Font Zoom commands

Ctrl+= - font zoom in
Ctrl+- - font zoom out
Ctrl+0 - font zoom reset

Unused variable detection

Unused variables, parameters, and imports are now greyed out in JavaScript and TypeScript.

Update imports on move/rename

It can automatically update import paths when a JavaScript or TypeScript file is moved or renamed.

Move to new file refactoring

A new Move to a new file refactoring for JavaScript and TypeScript lets you quickly move classes and functions to their own file.

rogerxu commented 2 years ago

Release version 1.25

Visual Studio Code June 2018

Grid editor layout

View > Editor Layout

Outline view

Errors and warnings are also shown in the Outline view, letting you see at a glance a problem's location.

Portable Mode

https://code.visualstudio.com/docs/editor/portable

History navigation

You can use the UpArrow (history.showPrevious) and DownArrow (history.showNext) keys to navigate the input boxes in the Search and Problems views and the Find widgets in the Editor, Terminal, and Web views.

Hover display options

editor.hover.enabled
editor.hover.delay
editor.hover.sticky

Sub-word support

These commands will stop at camel case positions and at underscores (_).

Ctrl+Alt+➡️ - cursor word part right
Ctrl+Alt+⬅️ - cursor word part left
Ctrl+Alt+Backspace - delete word part left
Ctrl+Shift+Alt+Backspace - delete word part right

Floating debug toolbar

We've "unchained" the floating toolbar by allowing it to be dragged to the editor area.

New default view for Extensions view

rogerxu commented 2 years ago

Release version 1.26

Visual Studio Code July 2018

Breadcrumbs

"breadcrumbs.enabled": true

Problems panel Quick Fixes

A light bulb indicating Quick Fixes is shown when you hover or select a problem entry. Quick Fixes can be applied by clicking on the light bulb or by opening the context menu for the problem entry.

User setup for Windows

This setup does not require Administrator privileges to install. It also provides a smoother background update experience.

Copy relative Path

Alt+Shift+C - Copy Absolute Path
Ctrl+K Ctrl+Alt+C - Copy Relative Path

You can get to this action from the context menu (for example, on a tab or a file in the File Explorer) by pressing and holding the Shift key (Alt key on macOS) before opening the menu.

Run npm scripts from package.json

Opening folder URIs

You can now open an URI as a folder in VS Code, if there is an extension contributing a FileSystemProvider for that URI.

If you have RemoteHub extension installed.

code --folder-uri remotehub://github.com/Microsoft/vscode

Column selection

Column selection is now supported within the Integrated Terminal via Alt+click.

JSX tag completion

JSX folding

rogerxu commented 2 years ago

Release version 1.27

Visual Studio Code August 2018

Settings editor

"workbench.settings.editor": "ui"

Custom menu bar

Breadcrumbs improvements

Focused document symbols are highlighted in the editor.

New Terminal menu

Auto closing & surrounding characters

CSS @import path completion

Loaded Scripts view

Middle click to remove breakpoints

rogerxu commented 2 years ago

Release version 1.28

Visual Studio Code September 2018

Custom file icons

Project level snippets

Copy Relative Path

Exclude recently opened files from Quick Open

Disable trash when deleting files

Navigate to last edit location

Go to Last Edit Location (workbench.action.navigateToLastEditLocation) was added to quickly navigate to the last location in a file that was edited. The default keybinding is Ctrl+K Ctrl+Q.

Save without formatters

Save without Formatting (workbench.action.files.saveWithoutFormatting) can be used to save a file without triggering any of the save participants. The default keybinding is Ctrl+K S.

IntelliSense locality bonus

Suggestions can now be sorted based on their distance to the cursor. Set "editor.suggest.localityBonus": true

Configure long commit message warning threshold

git.inputValidationLength

Configure branch validation rules

You can now control how branch name validation works with the git.branchValidationRegex and git.branchWhitespaceChar settings.

Convert to async function

The new Convert to async function suggestion for JavaScript and TypeScript rewrites functions that use .then Promise chaining to use async and await.

Better Markdown folding

Markdown preview now opens links to local files in the preview

In the Markdown preview, clicking on a link to a local file will now open that file's preview.

rogerxu commented 2 years ago

Release version 1.29

Visual Studio Code October 2018

Multiline search

Search across files with regex multiline expressions.

Backreferences and lookahead in search

"search.usePCRE2": true

Show line numbers in search

"search.showLineNumbers": true

Use global `.gitignore` file in search

Git allows you to configure a global gitignore file using the core.excludesfile config property. By default, search does not respect the global gitignore file, but you can now change this by enabling the new setting search.useGlobalIgnoreFiles.

Highlight modified tabs

"workbench.editor.highlightModifiedTabs": true

Symbol order in Breadcrumbs

There is a new setting that controls how symbols in the Breadcrumbs picker are ordered: breadcrumbs.symbolSortOrder.

Allowed values are:

position - position in the file (default)
name - alphabetical order
type - symbol type order

File and folder icons in IntelliSense

Split terminal can inherit working directory

A setting terminal.integrated.splitCwd was added to control the current working directory (cwd) of the new terminal when a terminal is split:

workspaceRoot - The previous behavior; a new split terminal will use the workspace root as the working directory. In a multi-root workspace, a choice for which root folder to use is offered.
initial - A new split terminal will use the working directory that the parent terminal started with.
inherited - On macOS and Linux, a new split terminal will use the working directory of the parent terminal. On Windows, this behaves the same as initial.

Collapsible stack frames

Collapse uninteresting stack frames to clearly see your code.

Improved Loaded Scripts view

Displays related resources such as original source files.

Multiple debug consoles

Start debugging with stop on entry

For Node.js debugging, we have added a new command Debug: Start Debugging and Stop On Entry (extension.node-debug.startWithStopOnEntry).

rogerxu / rogerxu.github.io