Configuration de VSCode

Visual Studio Code est mon éditeur de choix. Après des années à jongler entre Neovim, WebStorm et d'autres IDE, c’est celui qui offre le meilleur équilibre entre performance, personnalisation et écosystème. Voici comment je l’ai configuré pour booster ma productivité au quotidien.

VSCode Configuration

🧠 Pourquoi VS Code ?

Rapide et léger : parfait pour lancer un projet en quelques secondes.
Extensible : un marketplace d’extensions riche et actif.
Polyvalent : il s’adapte à tous mes stacks (Next.js, Nest, Docker, PostgreSQL...).
Ergonomique : personnalisable à l’extrême, jusqu’à l’interface.

🧩 Mes extensions indispensables

🔧 Code & Qualité

Prettier – Formatage automatique propre et cohérent.
ESLint – Détection et correction des erreurs en temps réel.

🧠 Git & Productivité

GitLens – Visualisation des commits et de l’historique Git.
Project Manager – Switch ultra-rapide entre mes projets.
Git Graph – Une vue claire et interactive de mes branches Git.

⚡ Ergonomie & Confort

Vim – Navigation rapide, efficacité maximale.
Discord Presence – Pour partager en live mon activité de dev.
Symbols – Icônes de fichiers stylées et claires.
Custom CSS & JS Loader – Pour une interface encore plus minimaliste.

☁️ Web & Cloud

Docker – Gestion de conteneurs intégrée.
WakaTime – Suivi automatique de mon temps de code.

🤖 Intelligence artificielle

GitHub Copilot – Suggestion de code contextuelle.
Copilot Chat – Un copilote qui comprend mon code.

🖥️ Apparence & confort visuel

Thème : GitHub Dark Default
Police : Fira Code Retina + ligatures
Terminal : MesloLGS NF
Interface : Custom CSS pour un rendu sobre et efficace

🔄 Mes réglages essentiels

{
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "always"
  },
  "workbench.preferredDarkColorTheme": "GitHub Dark Default",
  "editor.fontFamily": "'Fira Code Retina', 'Hack Nerd Font'",
  "terminal.integrated.fontFamily": "'MesloLGS NF'",
  "vim.useSystemClipboard": true,
  "vim.leader": ",",
  "vscode_custom_css.imports": [
    "file:///Users/uolle/.vscode/vscode-custom/style.css"
  ]
}


> 🧠 Mon fichier complet est dispo ici → [settings.json](https://gist.giom/UgolinOlle/7f5fc24d9518de70620f809aaac4fdf6)

---

## 💡 Tips & astuces

- Snippets personnalisés : pour éviter les répétitions
- Multi-cursor : édition simultanée ultra-puissante
- Settings Sync : tout est synchronisé entre mes machines

---

## 📝 Conclusion

Ma config VS Code n’est jamais figée — elle évolue avec mes projets et mes outils.
Mais cette base solide m’accompagne dans tous mes développements, du SaaS aux projets open source.

Tu peux t’en inspirer, l’adapter à ton flow, ou y piocher des idées ✌️