typescript - 在 Visual Studio Code 中提取 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 中添加了提取方法和提取函数: JavaScript and TypeScript refactorings

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

您还可以设置 keybinding for extract method :

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