Question Comment formater le code dans Visual Studio Code (VSCode)


Quel est l'équivalent de Ctrl + K + F et Ctrl + K +  sur Windows dans Visual Studio pour le formatage, ou «embellir» le code dans l'éditeur de code Visual Studio?


991
2018-04-30 16:43


origine


Réponses:


La mise en forme du code est disponible dans VS Code à l'aide des raccourcis suivants:

  • Sur Windows Décalage + Alt + F
  • Sur Mac Décalage + Option + F
  • Sur Ubuntu Ctrl + Décalage + je

Alternativement, vous pouvez trouver le raccourci, ainsi que d'autres raccourcis, grâce à la fonctionnalité de recherche fournie dans l'éditeur avec Ctrl +Décalage+ P (ou Commander + Décalage + P sur Mac), puis en recherchant document au format.


2073
2018-04-30 16:43



Raccourci de formatage de code:

VSCode sur Windows - Décalage + Alt + F

VSCode sur MacOS - Décalage + Option + F

VSCode sur Ubuntu - Ctrl + Décalage + je

Vous pouvez également personnaliser ce raccourci en utilisant le paramètre de préférence si nécessaire.

Format de code lors de l'enregistrement du fichier: 

Le code Visual Studio permet à l'utilisateur de personnaliser les paramètres par défaut.

Si vous souhaitez formater automatiquement votre contenu lors de la sauvegarde, ajoutez l'extrait de code ci-dessous dans les paramètres de l'espace de travail du code Visual Studio.

Fichier -> Préférences -> Paramètres de l'espace de travail 

{
   // Controls if the editor should automatically format the line after typing
   "beautify.onSave": true,

   "editor.formatOnSave": true,

   // You can auto formate any files based on extensions type. 
"beautify.JSfiles": [
    "js",
    "json",
    "jsbeautifyrc",
    "jshintrc",
    "ts"
  ] 
}

Note: maintenant vous pouvez mettre en forme automatiquement des fichiers de typescript vérifier ma mise à jour


220
2018-05-25 06:25



Vous pouvez ajouter un raccourci clavier dans Fichier -> Préférences -> Clavier raccourcis

{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }

Ou Visual Studio comme:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }

182
2018-05-01 13:49



La bonne combinaison de touches est décalage+alt+F


90
2017-07-09 10:57



Notez également qu'à partir d'aujourd'hui, le formatage est disponible pour ces langues:

  • xml  (ils l'a enlevé, trop de bugs)
  • html
  • json
  • javascript
  • manuscrit
  • c #

66
2018-05-04 13:28



VS Code 1.6.1  les soutiens "Format sur Enregistrer"qui prendra automatiquement en charge les extensions de formatage installées pertinentes et formatera le document entier sur chaque sauvegarde.

Activer "Format On Save" en paramétrant

"editor.formatOnSave": true

Et il existe des raccourcis clavier disponibles (VS Code 1.7 et ci-dessus):

Formater le document entier: Décalage + Alt + F

Sélection de format uniquement: CtrlK + CtrlF


45
2017-10-28 07:26



Sur Linux Ctrl + Décalage + je. Sur Windows Alt + Décalage + F


43
2017-09-11 08:36