Partagez certains plug-ins couramment utilisés pour le développement VSCode

Cet article présentera et partagera avec vous quelques plug-ins courants nécessaires au développement de VSCode. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Recommandations associées : "Tutoriel vscode"

Plug-ins communs indispensables pour Visual Studio Code

红色为强力推荐，不容错过 o(∩_∩)o

---

• Pack de langue chinois (simplifié) pour Visual Studio Code
  Pack de langue chinoise simplifié

• Plus joli - Formateur de code
  Le formatage le plus fort, aucune réfutation n'est acceptée (désinstaller JS-CSS-HTML Formatter dans le App Store pour éviter d'enregistrer Formaté automatiquement)

• Extraits de code HTML
  Extraits et astuces de code H5 super pratiques et basiques

• Code Runner
  Compilez et exécutez le code pour voir les résultats, prend en charge de nombreuses langues

• GitLens
  Plug-in de journal Git riche

• vetur
  coloration syntaxique de vue, perception intelligente, Emmet, etc.

• Prise en charge HTML CSS
  Laissez la classe d'écriture de balise html pour inviter intelligemment les styles pris en charge par le projet en cours. La nouvelle version prend déjà en charge la récupération de fichiers SCSS, qui est également l'un des plug-ins incontournables

• Auto Close Tag
  Faites correspondre le tag et fermez le Label correspondant. Très pratique【HTML/XML】

• Balise de renommage automatique
  Modifiez la balise html et vous aide automatiquement à synchroniser la balise de fermeture à la fin Modifier

• Path Intellisense
  Path Intellisense

• Extraits de code JavaScript (ES6)
  Ce plug-in fournit la prise en charge de la syntaxe ES6 pour JavaScript, TypeScript, HTML, React et Vue.

• Live Server
  Le navigateur s'actualise en temps réel. Faites un clic droit sur "Ouvrir avec Live Server" pour ouvrir

• ouvrir dans le navigateur
  Affichez le fichier html depuis le navigateur et utilisez le navigateur par défaut actuel du système

• Bracket Pair Colorizer
  permet aux supports d'avoir des couleurs indépendantes pour une différenciation facile. Peut être utilisé avec n’importe quel thème.

• ESLint
  Détection et vérification du code ESLint

• vscode-icon
  Ajoutez des icônes au répertoire de l'arborescence des ressources vscode, un produit incontournable !

• Débogueur pour Chrome
  Laissez vscode mapper la fonction de débogage de Chrome. Les pages statiques peuvent utiliser vscode pour le débogage des points d'arrêt True 666. ~

• IntelliSense pour les noms de classes CSS en HTML
  

• minapp

  Complétion intelligente des balises et des attributs du mini-programme WeChat (prend en charge les mini-programmes natifs, les frameworks mpvue et wepy en même temps, et fournit des extraits)
  

• CSS Peek

  Tracez jusqu'à l'endroit où la classe CSS est définie dans la feuille de style ctrl+bouton gauche de la souris Cliquez sur la classe ou faites un clic droit sur "Aller à la définition (F12)"
  
  

• La suprématie du stylet de Manta

  Stylet de format
  

Extraits de code jQuery

• Les essentiels de jquery pour les patients sévères
  

Complètement automatique des classes pour HTML

• Amis qui écrivent du code HTML, l'une des principales manifestations du code HTML est la répétition. Si vous le tapez à la main, cela sera non seulement fatiguant mais affectera également l'avancement du projet. Ce plug-in de saisie semi-automatique est vraiment génial
  

Snippet JavaScript ; Pack

• Plug-in pour js, comprenant des mots-clés de syntaxe commune de js, très pratique
  

Path Autocomplete

• Complétion intelligente du chemin
  

  beautify
• Outil de formatage du code, qui peut formater JSON|JS|HTML|CSS|SCSS, plus facile à utiliser que le formatage intégré

  
  

  HTMLHint
• Détection de code HTML

  
  

  VSCode Great Icons
• Un autre répertoire d'arborescence de ressources icône

  
  

  colorize
• ajoutera un arrière-plan au code couleur qui correspond à la couleur actuelle du code, ce qui est très bien

• Color Info
  fournit des informations sur les couleurs que vous utilisez en CSS. Vous pouvez prévisualiser les informations sur le modèle de couleur (HEX, RVB, HSL et CMJN) dans le bloc de couleur en passant simplement le curseur sur la couleur.

• vscode-fileheader
  Le modèle de commentaire supérieur peut définir l'auteur, l'heure et d'autres informations, et mettra automatiquement à jour l'heure de la dernière modification

• Documentez ceci
  modèle de commentaire js (remarque : la nouvelle version de vscode a un support natif, entrez l'onglet /** sur la fonction)

• taille du fichier
  Affiche la taille actuelle du fichier dans la barre d'état en bas. Après avoir cliqué, vous pouvez également voir l'heure détaillée de création et de modification

• <.>

  Bootstrap 3 Sinnpet Ceux qui utilisent couramment bootstrap peuvent télécharger
  

• VueHelper astuces pour le code de vue
  

• Favoris Un outil de favoris est encore nécessaire
  

• tortoise-svn SVN intégré plug-in
  

Thème recommandé

Remarque : définissez le commutateur dans

Fichier-Préférences-Thème de couleur

• Thème Dracula

• One Dark Pro

• monoka

Pour plus de connaissances liées à la programmation, veuillez visiter :

Introduction à la programmation ! !

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!