在 Visual Studio Code 中提取 TypeScript 方法答案

【问题标题】：Extract a TypeScript method in Visual Studio Code在 Visual Studio Code 中提取 TypeScript 方法
【发布时间】：2017-09-07 06:10:21
【问题描述】：

在编写 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 → 右键 → 重构 → 提取方法....

【问题讨论】：

标签： typescript refactoring visual-studio-code

【解决方案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"
  }
}

【讨论】：

不幸的是它没有告诉你为什么它不能提取方法。出于某种原因，我大部分时间都想这样做:-(
请提交未按预期显示的问题

【解决方案2】：

Visual Studio Code 没有提供用于在 TypeScript 文件中提取方法的默认快捷方式（尽管它看起来确实像 supported in C# files）。

您也许可以在 marketplace 上找到具有此功能的扩展程序，但我找不到。

“refactorix”和“JS Refactorings”扩展有一个提取变量，但没有提取方法。这么近！

【讨论】：