在Visual Studio代码中提取TypeScript方法

Question

在编写TypeScript时是否有可能在Visual Studio Code中使用快捷方式提取方法？

function printOwing() {
  printBanner();

  // Print details
  console.log("name:  " + name);
  console.log("amount " + amount);
}

因此,我可以通过一个快捷方式提取printDetails():

function printOwing() {
  printBanner();
  printDetails();
}

function printDetails() {
  console.log("name:  " + name);
  console.log("amount " + amount);
}

类似的Eclipse→右键→ 重构 → 提取方法.......

Answer 1

Visual Studio Code 1.16中添加了Extract方法和提取函数:JavaScript和TypeScript重构

要使用它们,请选择一个代码块,然后单击灯泡或使用editor.action.quickFix操作(cmd.)查看重构列表.

您还可以为extract方法设置键绑定:

{
  "key": "ctrl+shift+r ctrl+e",
  "command": "editor.action.codeAction",
  "args": {
    "kind": "refactor.extract.function"
  }
}