![](https://i.imgur.com/xZO96Va.png) # Visual Studio Code (VS-CODE) - réglages et extensions Visual Sutio Code est un éditeur de texte avancé. Il permet d'éditer vos scripts et documents. ## Avant propos Afin de tirer profit de l'explorateur de fichier de VS-CODE et d'avoir une interface plus compréhensible, je vous propose le réglage suivant: 1. Aller dans `file > preferences` 2. Taper **folders** dans la recherche 3. Décocher `Explorer: Compact Folders` ![](https://hackmd.io/_uploads/BkZRiEgla.png) Afin de faciliter la lecture du code JavaScript, vous pouvez également activer les options qui vont suivre. 1. Aller dans `file > preferences` 2. Taper **pair** dans la recherche 3. Cocher / Activer les options suivantes: - `Editor > Bracket Pair Colorization: Enabled` - `Editor > Guides: Bracket Pairs` - `Editor > Guides: Bracket Pairs Horizontal` - `Editor > Guides: Highlight Active Bracket Pair` - `Editor Guides: Highlight Active Bracket Pair` - `Editor Bracket Pair Colorization: Independent Color Pool Per Bracket Type` :::spoiler Image ![image](https://hackmd.io/_uploads/SyZbws5va.png) ::: ## Installation des plugins VS-CODE Pour installer un plugin, rendez-vous : **File > Preferences > Extensions**, puis tapez le nom du plugin que vous recherchez. ![Install VS CODE Plugins](https://i.imgur.com/KnQMp5Y.gif "Install VS CODE Plugins") Concernant les plugins, commencer par installer le plugin: ![image](https://hackmd.io/_uploads/B1PQ5jKX1x.png) ## Plugins VS Code classés par thématique et ordre alphabétique ### [axe Accessibility Linter](https://marketplace.visualstudio.com/items?itemName=deque-systems.vscode-axe-linter) _Id : deque-systems.vscode-axe-linter - Version: 4.10.10 - Publisher: Deque Systems - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=deque-systems.vscode-axe-linter)_ **Description:** Vérifie que votre site est facile à utiliser pour les personnes en situation de handicap. Contrôle que vos balises HTML, vos images et vos textes respectent les bonnes pratiques d'accessibilité. ### [Better Align](https://marketplace.visualstudio.com/items?itemName=Chouzz.vscode-better-align) _Id : chouzz.vscode-better-align - Version: 1.4.3 - Publisher: Chouzz - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=Chouzz.vscode-better-align)_ **Description:** Aligne automatiquement votre code de façon verticale. Utile pour rendre votre code plus lisible, par exemple pour aligner les égalités ou les commentaires. ### [Blank Line Organizer](https://marketplace.visualstudio.com/items?itemName=rintoj.blank-line-organizer) _Id : rintoj.blank-line-organizer - Version: 0.1.5 - Publisher: rintoj - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=rintoj.blank-line-organizer)_ **Description:** Nettoie automatiquement votre code en supprimant les lignes vides inutiles. Rend votre fichier plus organisé et facile à lire. ### [change-case](https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case) _Id : wmaurer.change-case - Version: 1.0.0 - Publisher: wmaurer - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case)_ **Description:** Change facilement la façon d'écrire du texte sélectionné. Par exemple : "mon texte" devient "monTexte" (camelCase) ou "MON_TEXTE" (CONSTANT_CASE). ### [Color the tag name(タグに色つけ太郎)](https://marketplace.visualstudio.com/items?itemName=jzmstrjp.color-the-tag-name) _Id : jzmstrjp.color-the-tag-name - Version: 0.24.0 - Publisher: jzmstrjp - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=jzmstrjp.color-the-tag-name)_ **Description:** Colore vos balises HTML pour les rendre plus faciles à identifier. Chaque balise (div, p, etc.) reçoit une couleur unique, ce qui aide à comprendre la structure de votre page. ### [Comment Anchors](https://marketplace.visualstudio.com/items?itemName=ExodiusStudios.comment-anchors) _Id : ExodiusStudios.comment-anchors - Version: 1.10.4 - Publisher: Starlane Studios - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=ExodiusStudios.comment-anchors)_ **Description:** Permet de créer des points de repère dans vos commentaires pour naviguer rapidement dans votre code. Idéal pour marquer les sections importantes de votre fichier. ### [Edit CSV](https://marketplace.visualstudio.com/items?itemName=janisdd.vscode-edit-csv) _Id : janisdd.vscode-edit-csv - Version: 0.11.7 - Publisher: janisdd - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=janisdd.vscode-edit-csv)_ **Description:** Ouvre les fichiers CSV (listes de données) dans un tableau facile à lire et modifier. Plus simple qu'un éditeur de texte classique pour gérer des données. ### [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) _Id : usernamehw.errorlens - Version: 3.26.0 - Publisher: Alexander - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens)_ **Description:** Affiche les erreurs et avertissements directement dans votre code, à côté des lignes problématiques. Vous voyez immédiatement ce qui pose problème sans chercher dans la console. ### [Even Better TOML](https://marketplace.visualstudio.com/items?itemName=tamasfe.even-better-toml) _Id : tamasfe.even-better-toml - Version: 0.21.2 - Publisher: tamasfe - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=tamasfe.even-better-toml)_ **Description:** Aide à éditer les fichiers TOML (fichiers de configuration). Offre la coloration syntaxique et des suggestions pour écrire correctement ces fichiers. ### [Excel Viewer](https://marketplace.visualstudio.com/items?itemName=GrapeCity.gc-excelviewer) _Id : GrapeCity.gc-excelviewer - Version: 4.2.64 - Publisher: MESCIUS - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=GrapeCity.gc-excelviewer)_ **Description:** Ouvre les fichiers Excel et CSV directement dans VS Code sous forme de tableau. Vous pouvez les voir et les modifier sans ouvrir Excel. ### [Git History](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory) _Id : donjayamanne.githistory - Version: 0.6.20 - Publisher: Don Jayamanne - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory)_ **Description:** Affiche l'historique complet de vos fichiers. Vous pouvez voir qui a fait quoi, quand et pourquoi grâce aux commentaires des commits. ### [html meta tags hero](https://marketplace.visualstudio.com/items?itemName=nadim-vscode.html-meta-tags-hero) _Id : nadim-vscode.html-meta-tags-hero - Version: 1.0.2 - Publisher: Nadim Al Abdou - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=nadim-vscode.html-meta-tags-hero)_ **Description:** Propose des snippets (fragments de code) pour ajouter les bonnes balises meta dans votre HTML. Ces balises sont importantes pour le SEO et la qualité de votre site. ### [HTML to CSS autocompletion](https://marketplace.visualstudio.com/items?itemName=solnurkarim.html-to-css-autocompletion) _Id : solnurkarim.html-to-css-autocompletion - Version: 1.1.2 - Publisher: solnurkarim - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=solnurkarim.html-to-css-autocompletion)_ **Description:** Complète automatiquement les noms de classes CSS dans votre HTML. Si vous avez une classe "bouton" en CSS, elle sera proposée quand vous l'écrivez en HTML. ### [HTMLHint](https://marketplace.visualstudio.com/items?itemName=HTMLHint.vscode-htmlhint) _Id : HTMLHint.vscode-htmlhint - Version: 1.12.0 - Publisher: HTMLHint - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=HTMLHint.vscode-htmlhint)_ **Description:** Vérifie votre code HTML pour trouver les erreurs et les mauvaises pratiques. Vous avertit si votre HTML n'est pas bien formé ou optimisé. ### [Insert Date String](https://marketplace.visualstudio.com/items?itemName=jsynowiec.vscode-insertdatestring) _Id : jsynowiec.vscode-insertdatestring - Version: 2.3.1 - Publisher: Jakub Synowiec - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=jsynowiec.vscode-insertdatestring)_ **Description:** Insère automatiquement la date et l'heure actuelles dans votre code. Utile pour ajouter des timestamps ou des dates de création dans vos fichiers. ### [IntelliSense for CSS class names in HTML](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion) _Id : Zignd.html-css-class-completion - Version: 1.20.0 - Publisher: Zignd - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion)_ **Description:** Propose les noms de vos classes CSS quand vous écrivez l'attribut class en HTML. Évite les erreurs de typage et fait gagner du temps. ### [Live Preview](https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server) _Id : ms-vscode.live-server - Version: 0.5.2025091501 - Publisher: Microsoft - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=ms-vscode.live-server)_ **Description:** Lance un petit serveur web pour voir votre site en direct dans un navigateur. Utile pour tester comment votre page HTML s'affiche. ### [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) _Id : ritwickdey.LiveServer - Version: 5.7.9 - Publisher: Ritwick Dey - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)_ **Description:** Crée un serveur web local et recharge automatiquement votre page quand vous faites des modifications. Très pratique pour développer en temps réel. ### [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) _Id : ms-vsliveshare.vsliveshare - Version: 1.0.5959 - Publisher: Microsoft - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare)_ **Description:** Permet à plusieurs développeurs de travailler en même temps sur le même fichier, comme dans Google Docs. Idéal pour la collaboration à distance. ### [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one) _Id : yzhang.markdown-all-in-one - Version: 3.6.3 - Publisher: Yu Zhang - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one)_ **Description:** Ensemble complet pour écrire du Markdown facilement. Offre des raccourcis clavier, génère une table des matières, et affiche un aperçu en direct. ### [Markdown Checkboxes](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-checkbox) _Id : bierner.markdown-checkbox - Version: 0.4.0 - Publisher: Matt Bierner - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-checkbox)_ **Description:** Ajoute le support des cases à cocher (☑) dans l'aperçu Markdown. Vous pouvez créer des listes de tâches dans vos fichiers Markdown. ### [Markdown Enhanced Code Block](https://marketplace.visualstudio.com/items?itemName=KiranMachhewar.markdown-enhanced-code-block) _Id : KiranMachhewar.markdown-enhanced-code-block - Version: 0.10.0 - Publisher: Kiran Machhewar - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=KiranMachhewar.markdown-enhanced-code-block)_ **Description:** Améliore les blocs de code dans Markdown. Vous pouvez copier le code d'un clic, exécuter certains codes, et remplacer des variables facilement. ### [Markdown Image Size](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-image-size) _Id : bierner.markdown-image-size - Version: 0.0.4 - Publisher: Matt Bierner - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-image-size)_ **Description:** Permet de spécifier la taille des images dans Markdown (largeur x hauteur). Vous contrôlez exactement comment vos images s'affichent. ### [Markdown PDF](https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf) _Id : yzane.markdown-pdf - Version: 1.5.0 - Publisher: yzane - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf)_ **Description:** Convertit vos fichiers Markdown en PDF avec un seul clic. Pratique pour générer des documents professionnels à partir de vos notes. ### [Markdown Preview Mermaid Support](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid) _Id : bierner.markdown-mermaid - Version: 1.29.0 - Publisher: Matt Bierner - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid)_ **Description:** Ajoute le support des diagrammes Mermaid dans Markdown. Vous pouvez créer des organigrammes, des diagrammes de flux, etc. directement dans vos fichiers. ### [markdown-table-rainbow](https://marketplace.visualstudio.com/items?itemName=yoshi389111.markdown-table-rainbow) _Id : yoshi389111.markdown-table-rainbow - Version: 1.2.0 - Publisher: yoshi389111 - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=yoshi389111.markdown-table-rainbow)_ **Description:** Colore chaque colonne d'un tableau Markdown avec une couleur différente. Cela rend les tableaux plus faciles à lire. ### [markdownlint](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint) _Id : DavidAnson.vscode-markdownlint - Version: 0.60.0 - Publisher: David Anson - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=DavidAnson.vscode-markdownlint)_ **Description:** Vérifie votre Markdown pour s'assurer qu'il respecte les bonnes pratiques de style et de grammaire. Vous aide à écrire un Markdown cohérent et lisible. ### [open in browser](https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser) _Id : techer.open-in-browser - Version: 2.0.0 - Publisher: TechER - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=techer.open-in-browser)_ **Description:** Ouvre votre fichier actuel directement dans votre navigateur d'un clic droit. Très pratique pour voir immédiatement le rendu de votre HTML. ### [Partial Diff](https://marketplace.visualstudio.com/items?itemName=ryu1kn.partial-diff) _Id : ryu1kn.partial-diff - Version: 1.4.3 - Publisher: Ryuichi Inagaki - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=ryu1kn.partial-diff)_ **Description:** Compare deux portions de code sélectionnées pour voir les différences. Utile pour comprendre ce qui a changé entre deux versions. ### [PDF Preview](https://marketplace.visualstudio.com/items?itemName=analytic-signal.preview-pdf) _Id : analytic-signal.preview-pdf - Version: 1.0.0 - Publisher: Analytic Signal Limited - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=analytic-signal.preview-pdf)_ **Description:** Affiche les fichiers PDF directement dans VS Code. Vous n'avez pas besoin d'ouvrir un lecteur PDF externe. ### [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) _Id : esbenp.prettier-vscode - Version: 11.0.0 - Publisher: Prettier - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)_ **Description:** Formate automatiquement votre code pour qu'il soit bien présenté et cohérent. Indentation, espaces, etc. tout s'arrange d'un clic. ### [px to rem & rpx & vw (cssrem)](https://marketplace.visualstudio.com/items?itemName=cipchk.cssrem) _Id : cipchk.cssrem - Version: 4.1.1 - Publisher: cipchk - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=cipchk.cssrem)_ **Description:** Convertit facilement les unités CSS (px, rem, etc.) les unes en les autres. Utile pour travailler avec des unités responsives. ### [Rainbow CSV](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv) _Id : mechatroner.rainbow-csv - Version: 3.23.0 - Publisher: mechatroner - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv)_ **Description:** Colore les fichiers CSV en arc-en-ciel pour rendre chaque colonne distincte. Vous pouvez aussi faire des recherches SQL sur vos données. ### [Render Line Endings](https://marketplace.visualstudio.com/items?itemName=medo64.render-crlf) _Id : medo64.render-crlf - Version: 1.9.2 - Publisher: Josip Medved - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=medo64.render-crlf)_ **Description:** Affiche les caractères invisibles de fin de ligne (CR, LF, CRLF). Aide à déboguer les problèmes de fin de ligne entre différents systèmes d'exploitation. ### [Spell Right](https://marketplace.visualstudio.com/items?itemName=ban.spellright) _Id : ban.spellright - Version: 3.0.146 - Publisher: Bartosz Antosik - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=ban.spellright)_ **Description:** Correcteur orthographique pour plusieurs langues qui fonctionne sans connexion Internet. Détecte et souligne les fautes de frappe et d'orthographe. ### [Stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint) _Id : stylelint.vscode-stylelint - Version: 1.5.3 - Publisher: Stylelint - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)_ **Description:** Vérifie votre CSS pour trouver les erreurs et les mauvaises pratiques. Vous aide à écrire un CSS plus robuste et cohérent. ### [Text Marker (Highlighter)](https://marketplace.visualstudio.com/items?itemName=ryu1kn.text-marker) _Id : ryu1kn.text-marker - Version: 1.11.0 - Publisher: Ryuichi Inagaki - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=ryu1kn.text-marker)_ **Description:** Surligne du texte spécifique dans votre code. Quand vous sélectionnez du texte, toutes les occurrences identiques sont colorées. Très utile pour identifier les variables. ### [VS Sequential Number](https://marketplace.visualstudio.com/items?itemName=neptunedesign.vs-sequential-number) _Id : neptunedesign.vs-sequential-number - Version: 1.1.0 - Publisher: Neptune Design - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=neptunedesign.vs-sequential-number)_ **Description:** Génère des numéros séquentiels (1, 2, 3...) à plusieurs endroits à la fois. Utile pour numéroter rapidement des listes ou des éléments. ### [VS Slug](https://marketplace.visualstudio.com/items?itemName=neptunedesign.vs-slug) _Id : neptunedesign.vs-slug - Version: 1.0.1 - Publisher: Neptune Design - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=neptunedesign.vs-slug)_ **Description:** Convertit du texte sélectionné en "slug" (format URL-friendly). Par exemple : "Mon Titre" devient "mon-titre", idéal pour les URLs. ### [Vscode Google Translate](https://marketplace.visualstudio.com/items?itemName=funkyremi.vscode-google-translate) _Id : funkyremi.vscode-google-translate - Version: 1.5.0 - Publisher: funkyremi - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=funkyremi.vscode-google-translate)_ **Description:** Traduit du texte sélectionné directement dans votre éditeur. Pratique pour comprendre du code commenté en langue étrangère ou traduire rapidement. ### [vscode-faker](https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker) _Id : deerawan.vscode-faker - Version: 2.0.0 - Publisher: Budi Irawan - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=deerawan.vscode-faker)_ **Description:** Génère des données fictives (faux noms, adresses, emails, etc.) directement dans votre code. Utile pour tester avec des données réalistes. <!-- ### [W3C Web Validator](https://marketplace.visualstudio.com/items?itemName=CelianRiboulet.webvalidator) _Id: CelianRiboulet.webvalidator_ **Description:** Vérifiez la validité de vos fichiers HTML/CSS en un clic Version: 1.3.1 - Publisher: Celian Riboulet VS Marketplace Link: <https://marketplace.visualstudio.com/items?itemName=CelianRiboulet.webvalidator> --> ### [W3C Offline HTML Validator](https://marketplace.visualstudio.com/items?itemName=FGMNTS.w3c-offline-html-validator) _Id : FGMNTS.w3c-offline-html-validator - Version: 0.1.2 - Publisher: FGMNTS - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=FGMNTS.w3c-offline-html-validator)_ **Description:** Valide votre HTML par rapport aux normes W3C. Vous avertit si votre HTML n'est pas conforme. Fonctionne sans connexion Internet. ### [WordCounter](https://marketplace.visualstudio.com/items?itemName=kirozen.wordcounter) _Id : kirozen.wordcounter - Version: 2.4.4 - Publisher: Etienne Faisant - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=kirozen.wordcounter)_ **Description:** Compte le nombre de mots et caractères dans votre fichier. Affiche les statistiques en temps réel, pratique pour les rédacteurs et documentalistes. ### [Wrap Console Log](https://marketplace.visualstudio.com/items?itemName=midnightsyntax.vscode-wrap-console-log) _Id : midnightsyntax.vscode-wrap-console-log - Version: 1.7.2 - Publisher: midnightsyntax - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=midnightsyntax.vscode-wrap-console-log)_ **Description:** Génère automatiquement des console.log() pour déboguer votre JavaScript. Sélectionnez une variable et elle crée un log formaté avec son nom. ### [WSL](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl) _Id : ms-vscode-remote.remote-wsl - Version: 0.104.3 - Publisher: Microsoft - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl)_ **Description:** Permet de développer directement dans le sous-système Linux de Windows. Vous pouvez utiliser des outils Linux tout en restant sur Windows. ### [YAML ❤️ JSON](https://marketplace.visualstudio.com/items?itemName=hilleer.yaml-plus-json) _Id : hilleer.yaml-plus-json - Version: 1.13.0 - Publisher: Daniel Hillmann - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=hilleer.yaml-plus-json)_ **Description:** Convertit facilement entre les formats YAML et JSON. Très utile pour travailler avec des fichiers de configuration qui changent de format. ### [ZipFS - a zip file system](https://marketplace.visualstudio.com/items?itemName=arcanis.vscode-zipfs) _Id : arcanis.vscode-zipfs - Version: 3.0.0 - Publisher: Maël Nison - [VS Marketplace Link](https://marketplace.visualstudio.com/items?itemName=arcanis.vscode-zipfs)_ **Description:** Ouvre les fichiers ZIP directement dans VS Code comme s'il s'agissait d'un dossier normal. Vous pouvez voir et modifier les fichiers sans les extraire. ## Autres paramètres utiles `Ctrl + Maj + P` > `organize import` : Classe automatiquement les imports JavaScript Dans le fichier de config de vs-code, ajouter les réglages: `Ctrl + Maj + P` > `open user settings` ou `open default settings` Pour mettre à jour les imports Javascript ```json { "typescript.updateImportsOnFileMove.enabled": "always", "javascript.updateImportsOnFileMove.enabled": "always" } ``` Pour fermer automatiquement les onglets inutiles ```json { "workbench.editor.limit.value": 6, "workbench.editor.limit.enabled": true, } ``` {%hackmd @alternative-rvb/contact %}