Maison >outils de développement >VSCode >Quels plug-ins doivent être installés pour HTML dans vscode ?
Les plug-ins incluent : 1. « Balise de fermeture automatique » ; 2. « Balise de renommage automatique » ; 3. « Embellir » ; 4. « Prise en charge HTML CSS » ; 5. « Ouvrir dans le navigateur » ; Navigateur" etc.
L'environnement d'exploitation de ce tutoriel : système Windows7, HTML5&&Visual Studio Code version 1.54.1, ordinateur Dell G3.
VScode Plug-in de développement HTML, tag de fermeture automatique Ajouter la balise de fermeture HTML / XML, identique à Visual Studio IDE ou SUBLIME TEXT
2, Renommer automatiquement la balise
Renommer automatiquement les balises
Lorsque vous renommez une balise HTML/XML, renommez automatiquement la balise HTML/XML associée
3. Sass et HTML dans Visual Studio Code.
Cette extension permet d'identifier les supports correspondants avec la couleur. Les utilisateurs peuvent définir les caractères à faire correspondre et les couleurs à utiliser
complétion des attributs de classe.
Prend en charge l'achèvement du codage Zen pour les attributs de classe et d'identification.attribut id terminé.
Analysez les fichiers CSS et SCSS dans le dossier de l'espace de travail.
Prend en charge les fichiers CSS distants. Utilisez vscode-css-langageservice.
6. Extraits HTML
Balises HTML complètes, y compris des extraits de code HTML5
8. Extraits de code jQuery
Entrez simplement les lettres "jq" pour obtenir une liste de tous les extraits jQuery disponibles.
9. ouvrir dans le navigateur
Cela vous permet d'ouvrir le fichier actuel dans votre navigateur ou application par défaut.
10, Path Intellisense
11. Afficher dans le navigateur
12,
Live Server
Live Server : Un petit serveur avec une fonction de chargement en temps réel, qui peut être utilisé pour cracker html/css/javascript, mais ne peut pas être utilisé pour déployer la version finale site. En d'autres termes, nous pouvons utiliser live-server comme serveur en temps réel dans le projet pour visualiser les pages Web développées ou les effets du projet en temps réel.
Avantages
1 : Installation en un clic, actualisation automatique et configuration d'un environnement de serveur local.
2 : Par rapport à gulp build, pour obtenir une actualisation automatique et configurer un environnement de serveur local, vous devez installer le plug-in d'actualisation automatique gulp-livereload et configurer le plug-in de serveur local gulp-server. Live Server n'est qu'à un pas. Tant que vous installez Live Server, vous pouvez résoudre le problème de l'actualisation et de la configuration automatiques d'un environnement de serveur local.
Tutoriels recommandés : Tutoriel vscode, Tutoriel vidéo HTML
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!