Aller au contenu

Astuce VSCode : Activer le retour à la ligne automatique pour vos fichiers

alt-cover

Lorsque l’on travaille régulièrement avec des fichiers dans VSCode, que ce soit pour documenter un projet, écrire un article de blog ou rédiger du contenu technique, la lisibilité dans l’éditeur de code est essentielle. Or, par défaut, Visual Studio Code n’active pas le retour à la ligne automatique, ce qui oblige à scroller horizontalement pour lire ou éditer de longues lignes.

Je prends par exemple les fichier .mdx (et non les fichier .md qui sont automatiquement “wrapper” par VSCode).

Heureusement, il existe une solution simple et rapide pour activer le word wrap (retour à la ligne automatique) et améliorer votre confort d’écriture au quotidien.

Exemple :

image

Pour activer le retour à la ligne uniquement dans le fichier en cours d’édition :

Raccourci clavier :

  • Alt + Z (Windows / Linux)

  • Option + Z (Mac)

Ou via la palette de commande (Ctrl + Shift + P / Cmd + Shift + P) :

Toggle Word Wrap

Activer le retour à la ligne de façon permanente

Section intitulée « Activer le retour à la ligne de façon permanente »

Modifier votre settings.jsonen ajoutant ceci :

"editor.wordWrap": "on"

Appliquer le retour à la ligne uniquement aux fichiers .md et .mdx

Section intitulée « Appliquer le retour à la ligne uniquement aux fichiers .md et .mdx »

Si vous voulez limiter ce comportement aux fichiers Markdown et MDX ? Pas de souci : Voici ce qu’il faut ajouter dans settings.json, dans cette exemple le .md et .mdx :

"[markdown]": {
"editor.wordWrap": "on"
},
"[mdx]": {
"editor.wordWrap": "on"
}

Vous pouvez maintenant améliorer votre expérience d’écriture dans Visual Studio Code grâce au retour à la ligne automatique.