Les recommandations de plug-ins VScode les plus récentes et les plus complètes en 2023

Cet article présente principalement quelques bons plug-ins que j'ai utilisés dans le processus d'utilisation de VSCode au fil des ans. Ces plug-ins VSCode peuvent vous aider à créer l'IDE le plus puissant de la planète !

1. Thème et icônes

Thème GitHub

Deux skins noir et blanc

Thème Matériel

Intégré une variété de skins de thème, il est préférable de l'utiliser avec Material Icon Theme. [Apprentissage recommandé : Tutoriel vscode, Enseignement de la programmation]

Thème d'icônes matérielles

Bibliothèque de thèmes plats

vscode- icônes

Bibliothèque officielle d'icônes VSCode

2. Amélioration des fonctions

synchronisation des paramètres

Synchronisez tous les paramètres et plugins

wakatime

Statistiques de suivi du temps de programmation et du comportement

Polacode

Capture d'écran du code

Chinois (simplifié) Pack linguistique pour Visual Studio Code

中文字幕

3. Plug-in intégré à Git

Requêtes d'extraction GitHub

Affichez et gérez les demandes d'extraction et les problèmes GitHub dans Visual Studio Code

"Git Graph" Développement de collaboration en équipe, revue, discussion

4. Base de données

Outils de développement Oracle pour VS Code

Support de base de données Oracle

Serveur SQL (mssql)

Prise en charge de la base de données Microsoft SQL Server

MySQL

Prend en charge MySQL/MariaDB, Microsoft SQL Server, PostgreSQL, Redis et ElasticSearch

MongoDB pour VS Code

Support de base de données MongoDB

5. Embellissement de la programmation

Bracket Pair Colorizer

Colorez les parenthèses correspondantes, vous pouvez personnaliser Définir le configuration

Remarque : Ce plug-in a été intégré à vscode, pas besoin de l'installer à nouveau,

Méthode de configuration : Rechercher

dans les paramètres pour prendre effet

Mettez en surbrillance la balise correspondante

Mettez en surbrillance les balises d'ouverture et/ou de fermeture correspondantes
Balises officiellement prises en charge : HTML et JSX. D'autres styles (XML, Vue, Angular, PHP) peuvent également être utilisés, mais leur utilisation correcte n'est pas garantie. "Afficher le chemin marqué dans la barre d'état"

Aperçu de l'image

Image d'aperçu

6. Efficacité du développement

EditorConfig pour VS Code Style de code uniforme

change-case

Changer le style de dénomination

Codelf

Un artefact de dénomination des variables

Plus jolie - Code formateur

Formater automatiquement le code

vscode-json

Opération embellir jsonTouches de raccourci cmd+alt+v, vérifiez cmd+alt+b, formatez

cmd+alt+u, compressez

cmd+alt+', ajoutez des caractères d'échappement

cmd+alt+;, supprimez les caractères d'échappement

Regex Previewer

Aperçu des effets d'expression régulière

7. Développement front-end

Étiquette de renommage automatique

Auto Renommer le nom de la balise Balises HTML ou XML

Balise de fermeture automatique

Ajouter automatiquement des balises de fermeture HTML/XML

Chemin Intellisense

Conseils sur le chemin intelligent

npm Intellisense

Journal de la console Turbo

Ajoutez rapidement console.log informations, js debug essential

touches de raccourci

ctrl + alt + l Après avoir sélectionné la variable, utilisez cette touche de raccourci pour générer console.logctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log

alt + shift + c 注释所有 console.log

alt + shift + u 启用所有 console.log

alt + shift + d

alt + shift + c Commentaires sur tous les console.log

alt + shift + u Activer tous les console.log
alt + shift + d Supprimer tous les console.log

css-auto-prefix

comme indiqué

CSS Peek

🎜🎜🎜🎜 Voir la définition CSS 🎜

8. Analyse des données

Trier les lignes

Trier le texte actuel

Aperçu des données

Fichier de données d'aperçu

9. Plug-in Xiuxian

LeetCode

outil de brossage des questions

VSC See More Netease Music

NetEase Cloud Music (Programmer Edition)

anime quotidien

Zhuifan Artifact

Plus de connaissances sur VSCode, veuillez visiter : tutoriel vscode ! !

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!