VSCode keyboard shortcut for 'Assign expression result to new local variable'?

Question

In Eclipse, there's this really handy shortcut, mapped to CTRL + 2 + L by default, which works when an expression is selected. What it does is to create a new local variable to hold the result of the expression. For example...

this.doSomeCalculation();

If the mouse cursor is positioned over the line above, CTRL + 2 + L will turn the line into...

double someCalculation = this.doSomeCalculation()

I find myself using this shortcut a lot when coding Java. Is there something similar available for editing Typescript in Visual Studio Code?

Answer 1

You can assign keybinding to refactorings such as extract constant.

Here's a keybinding that binds ctrlshifte to the extract constant refactoring:

{
  "key": "ctrl+shift+e",
  "command": "editor.action.refactor",
  "args": {
    "kind": "refactor.extract.constant",
    "apply": "first"
  }
}

This keybinding will work in JavaScript and TypeScript (and in any other languages that have an extract constant refactoring)

P.S. Here is a slight variation for JS/TS that lets a single keybinding work for both extract type and extract constant:

{
  "key": "ctrl+shift+e",
  "command": "editor.action.refactor",
  "args": {
    "kind": "refactor.extract",
    "preferred": true,
    "apply": "first"
  }
}

Answer 2

You can select an expression and then:

In Mac:

Opt + Cmd + V

In Windows:

Ctrl + Alt + V