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

Answer 2

Visual Studio Code没有附带默认快捷方式来提取TypeScript文件中的方法（尽管它看起来像是supported in C# files）。

您可以在marketplace上找到具有此功能的扩展程序，但我无法做到。

＆＃34; refactorix＆＃34;和＆＃34; JS Refactorings＆＃34;扩展有一个提取变量，但没有提取方法。太近了！

在Visual Studio代码中提取TypeScript方法

2 个答案: