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.

4. Coloriseur de paires de supports

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

5, prise en charge HTML CSS

complétion des attributs de classe.

attribut id terminé.

Prend en charge l'achèvement du codage Zen pour les attributs de classe et d'identification.

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

7. Code JavaScript de l'éditeur de code Vs extraits de code dans la syntaxe ES6 (prend en charge JavaScript et TypeScript).

8. Extraits de code jQuery

Plus de 130 extraits de code jQuery pour le code JavaScript.

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

Plug-in Visual Studio Code qui complète automatiquement les noms de fichiers.

11. Afficher dans le navigateur

extension vscode, vous pouvez afficher les fichiers HTML 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!