Comment formatez-vous le code lors de l’enregistrement dans le code VS

Je souhaite formater automatiquement le code TypeScript à l’aide du formateur intégré lorsque j’enregistre un fichier dans Visual Studio Code.

Je suis au courant des options suivantes, mais aucune n’est assez bonne:

  • Formater manuellement Shift + Alt + F
  • Format sur le type "editor.formatOnType": true
    • Il formate la ligne lorsque vous appuyez sur Entrée. Malheureusement, cela ne le met pas en forme lorsque vous cliquez avec le bouton de la souris sur une autre ligne ou appuyez sur la flèche haut / bas.
  • Utiliser l’extension existante
    • J’ai essayé celui- ci , mais ça ne semble pas fonctionner trop bien.
  • Utiliser embellir "beautify.onSave": true
    • Il ne fonctionne pas avec TypeScript
  • Écrire une extension personnalisée
    • C’est difficile si vous voulez gérer les sauvegardes automatiques et les comstackr correctement.

À partir de septembre 2016 (vscode 1.6), ceci est maintenant officiellement pris en charge .

Ajoutez ce qui suit à votre fichier settings.json :

"editor.formatOnSave": true

Pour formater automatiquement le code lors de la sauvegarde:

  • Appuyez sur Ctrl pour ouvrir les préférences de l’utilisateur
  • Entrez le code suivant dans le fichier de parameters ouvert
{ "editor.formatOnSave": true }
{ "editor.formatOnSave": true } 
  • Enregistrer le fichier

La source

Si vous souhaitez formater automatiquement en sauvegardant uniquement avec le source Javascript, ajoutez celui-ci dans le Users Setting (appuyez sur Cmd ou Ctrl ):

“[javascript]”: {“editor.formatOnSave”: true}

Le problème est la dactylographie. Si vous voyez ce fil de page https://github.com/Microsoft/vscode/issues/17627 , vous verrez que le formatage de typecript n’est pas encore bien résolu dans VSCode.