web-dev-qa-db-fra.com

Extraire une méthode TypeScript dans le code Visual Studio

Est-il possible d'extraire une méthode avec un raccourci dans Visual Studio Code lors de l'écriture de TypeScript?

function printOwing() {
  printBanner();

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

Ainsi, avec un raccourci, je pourrais extraire la printDetails():

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

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

Similaire à Eclipse → clic droit → Refactor → Méthode d'extraction… .

typescriptrefactoringvisual-studio-code
13
sandrozbinden

La méthode d'extraction et la fonction d'extraction ont été ajoutées à Visual Studio Code 1.16: refactorings JavaScript et TypeScript

Pour les utiliser, sélectionnez un bloc de code puis cliquez sur l’ampoule ou utilisez l’action editor.action.quickFix (cmd.) pour voir la liste des refactorings.

Vous pouvez également configurer un raccourci clavier pour la méthode d'extraction :

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

Le code Visual Studio n'est pas fourni avec un raccourci par défaut permettant d'extraire des méthodes dans un fichier TypeScript (bien qu'il semble qu'il soit pris en charge dans les fichiers C # ).

Vous pourrez peut-être trouver une extension avec cette capacité sur marketplace , mais je n’ai pas pu.

Les extensions "refactorix" et "JS Refactorings" ont une variable d'extraction, mais pas de méthode d'extraction. Si proche!

0
nick