<!--
  canonical-url: https://www.avonture.be/fr/blog/vscode-autosave
  published:     2024-01-20
  This is a static plain-Markdown mirror generated at build time.
  Visit the canonical URL above for the fully rendered page, with images and interactive components.
-->

# La fonctionnalité Autosave dans VSCode

> Fatigué d'oublier d'enregistrer vos fichiers dans VS Code ? Découvrez comment activer facilement la fonctionnalité Autosave, la régler sur onFocusChange et ne plus jamais perdre vos modifications !

---
![La fonctionnalité Autosave dans VSCode](/img/v2/vscode_tips.webp)

**TL;DR**

Cet article montre comment activer la fonctionnalité Autosave de VSCode, soit via l'interface des paramètres (`Files: Auto save` réglé sur `onFocusChange`), soit en ajoutant la ligne correspondante dans `settings.json`, pour que les modifications soient enregistrées automatiquement dès que l'éditeur perd le focus, au lieu de dépendre d'un `Ctrl+S` manuel.

Combien de fois avez-vous modifié un fichier dans VSCode (en oubliant d'enregistrer la modification) pour ensuite rafraîchir votre page web, lancer le script depuis votre console, etc., et vous dire *Oh non, zut, ça ne marche toujours pas* ?

Et cela peut prendre plusieurs minutes d'allers-retours avant que — mince, quel idiot — vous réalisiez que vous n'aviez pas enregistré vos changements.

Et c'est encore pire quand vous avez fait un Search & Replace dans plusieurs fichiers ; certains enregistrés, d'autres non — pensez à une session de [curseurs multiples](/blog/vscode-multiple-cursors) répartie sur une dizaine d'onglets.

Voyons comment éviter ça.

C'est vraiment simple : appuyez sur `CTRL`-`,` (virgule) pour afficher la page des paramètres et commencez à taper `autosave`.

Les paramètres concernés s'affichent ; réglez `Files: Auto save` sur `onFocusChange`.

![Page des paramètres](./images/autosave.webp)

Ou alors, vous pouvez simplement ajouter la ligne suivante dans votre fichier `settings.json` :

**settings.json**

```json
{
    "files.autoSave": "onFocusChange"
}
```

> **Vous utilisez un système de versioning, n'est-ce pas ?:**
>
> Certains n'aiment pas cette fonctionnalité et disent *je veux savoir quand j'enregistre quelque chose* (au cas où je ferais une bêtise, hein) mais, oh, il y a bien un système de versioning comme Git, non ? Donc si vous faites une bêtise, n'enregistrez simplement pas les changements et/ou faites un `revert`.
>
> Si vous faites partie de ces personnes, essayez l'autosave pendant quelques jours, et vous verrez que le confort est indéniable.

Un autre réglage dans le même esprit, de ceux qu'on active une fois et qu'on oublie ensuite : [Sticky scroll in vscode](/blog/vscode-sticky-scroll).
