Aller au contenu

Visual Studio Code Tips

Pour les utilisateurs notepad ++ –> https://bibliogeek.fr/2024/10/notepad-tips

Tip # Feature Shortcut / Location Description
1 Multi-cursors ALT + Click (Windows) / Option + Click (Mac) Permet de placer plusieurs curseurs pour éditer plusieurs lignes en même temps.
2 Command Palette CTRL + Shift + P (Windows) / CMD + Shift + P (Mac) Accède rapidement à toutes les commandes de VS Code.
3 IntelliSense CTRL + Space Suggère des complétions automatiques pour les noms de variables et fonctions.
4 Terminal intégré CTRL + ` Ouvre un terminal intégré directement dans VS Code pour exécuter des commandes.
5 Format Document Shift + ALT + F (Windows) / Shift + Option + F (Mac) Formate automatiquement le document selon les règles définies.
6 Split Editor CTRL + \ (Windows) / CMD + \ (Mac) Divise l’éditeur en plusieurs vues pour travailler sur plusieurs fichiers côte à côte.
7 Emmet Abbreviations Exemple : div.container>ul>li*5 Utilise des abréviations Emmet pour générer du code HTML rapidement.
8 Explorer la ligne de commande CTRL + Shift + C (Windows) / CMD + Shift + C (Mac) Ouvre un terminal de commande à l’emplacement actuel du fichier.
9 Peek Definition ALT + F12 (Windows) / Option + F12 (Mac) Affiche la définition d’une fonction ou d’une variable sans quitter le fichier actuel.
10 Git Integration Panel Source Control Intègre les commandes Git pour le suivi des modifications, les commits et plus encore.
11 Toggle Sidebar CTRL + B (Windows) / CMD + B (Mac) Masque ou affiche la barre latérale pour maximiser l’espace de l’éditeur.
12 Zen Mode CTRL + K Z (Windows) / CMD + K Z (Mac) Active le mode Zen pour un espace de travail sans distractions.
13 Live Server Installer le plugin Live Server Lance un serveur local pour prévisualiser les modifications en temps réel dans le navigateur.
14 Minimap Paramètres > Minimap Affiche une version condensée du document pour une navigation rapide.
15 Snippets personnalisés Paramètres > User Snippets Crée des extraits de code personnalisés pour une insertion rapide de code.
16 Refactoriser Right-click > Refactor Réorganise et nettoie le code automatiquement.
17 Go to Definition F12 Permet d’aller directement à la définition d’une fonction ou variable.
18 Color Picker intégré Survoler un code couleur Affiche un sélecteur de couleur pour ajuster les couleurs facilement.
19 AutoSave Fichier > AutoSave Active la sauvegarde automatique pour éviter de perdre du travail.
20 Extensions Marketplace View > Extensions Accède à des extensions pour personnaliser et étendre les fonctionnalités de VS Code.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *