Dans Visual Studio Code, le raccourci "!" est une fonctionnalité qui utilise l'extension Emmet (intégrée par défaut dans VS Code). Il permet de générer rapidement une structure de base pour un fichier HTML.
Comment ça fonctionne ?
- Ouvre un fichier avec l'extension .html ou une balise HTML dans un fichier de développement web.
- Tape "!" dans l'éditeur de code.
- Appuie sur Entrée ou Tab.
Que fait ce raccourci ?
Il génère automatiquement une structure de base HTML comme ceci :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
Pourquoi utiliser ce raccourci ?
- Gagne du temps : Plus besoin de taper toute la structure à la main.
- Évite les erreurs : Fournit une base conforme aux bonnes pratiques.
- Personnalisable : Tu peux modifier les paramètres d’Emmet si tu veux un modèle différent.
Astuce : Modifier la langue par défaut
Par défaut, la langue du document est en anglais (lang="en"). Tu peux le changer en ajoutant les paramètres suivants dans tes paramètres VS Code :
- Ouvre les paramètres (Ctrl + , ou Cmd + , sur Mac).
- Recherche "emmet.syntaxProfiles".
- Ajoute cette configuration :jsonCopier le code
"emmet.syntaxProfiles": { "html": { "lang": "fr" } }
Cela générera automatiquement lang="fr" dans les documents HTML.
Ce raccourci "!" est une des nombreuses fonctionnalités d'Emmet, qui inclut aussi des raccourcis pour créer rapidement des balises, des classes, des listes, et bien plus encore !