在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"
  }
}

Answer 2

Visual Studio Code没有提供默认快捷方式来提取TypeScript文件中的方法（尽管它看起来像C＃文件中支持 ）。

您可能能够在市场上找到具有此功能的扩展，但我无法做到。

“refactorix”和“JS Refactorings”扩展具有提取变量，但没有提取方法。 很近！