30 plug-ins VSCode pour améliorer l'efficacité du développement PHP

Cet article partagera avec vous 30 plug-ins VSCode qui améliorent l'efficacité du développement PHP. 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.

Aujourd'hui, je vais vous présenter quelques plug-ins très utiles que j'utilise tous les jours. Avec eux, notre VSC (VSCode) sera comme une licorne à cinq lasers !

Si vous êtes encore nouveau sur VSC, cliquez sur le bouton en bas à gauche pour installer le plugin.

Thème matériel

Le thème le plus ancien de Visual Studio Code !

Auto Import

recherche, analyse et fournit automatiquement la complétion du code. Pour TypeScript et TSX, cela fonctionne.

Coût d'importation

Ce plugin affichera la taille du package importé en fin de ligne. Pour calculer la taille du bundle, le plugin utilise Webpack et babili-webpack-plugin.

Apprentissage recommandé : "tutoriel vscode"

Indent-Rainbow

Un simple plugin peut rendre l'alignement plus lisible.

IntelliSense pour les noms de classes CSS en HTML Fournit la complétion des noms de classes CSS en HTML.

SVG Viewer

Un plug-in pour prévisualiser SVG.

Plus joli

Vous ne pouvez absolument pas vivre sans ce plug-in, vous en avez besoin pour embellir votre JavaScript/TypeScript/CSS avec code en un clic.

Importateur de clavier et de paramètres Sublime Text

À en juger par le volume de téléchargement, il semble que de nombreuses personnes aient transféré depuis Sublime Text.

Ce plug-in modifie les raccourcis clavier du code Visual Studio pour les rendre identiques à celles de Sublime Text 3. Vous pouvez essayer : cmd + P (Mac), ctrl + P (Windows).

Vous pouvez accéder aux fichiers, et si vous ajoutez le symbole > avant la recherche, vous pouvez même rechercher des actions, telles que l'ouverture du terminal intégré, l'installation plug-ins, etc.

Pour ceux qui ont l'habitude d'utiliser ST3, c'est un gros plus.

npm Intellisense

Le plug-in VSCode peut compléter automatiquement les noms de modules npm dans les instructions d'importation.

lit-html

Dans les fichiers JavaScript/TypeScript, si des balises HTML sont utilisées, lit-html fournit la mise en évidence de la syntaxe et la correspondance aide à l'achèvement.

highlight-matching-tag

Cela aurait dû être une fonction que VSCode devrait fournir par défaut, mettant en évidence les balises correspondantes.

GitLens

Ne dites rien, postez simplement la photo !

Git Project Manager

Git Project Manager vous permet de rechercher et d'ouvrir directement un projet géré basé sur Git en un seul clic.

Historique Git

Utilisé pour afficher le journal git ou l'historique git d'un fichier, comparer différentes branches et commits.

File Utils

fournit un moyen plus concis de créer, copier, déplacer, renommer, supprimer des fichiers/dossiers de fichiers.

Coloriseur de paires de supports

Si votre code comporte de nombreux rappels, cette mise en évidence peut vous aider à mieux comprendre différents codes blocs.

Surbrillance des couleurs

Affichez visuellement la couleur que vous avez définie.

CSS Peek

Vous pouvez localiser sa définition en HTML par identifiant CSS ou classe.

Débogueur pour Chrome

Utilisez Chrome pour déboguer votre code JavaScript ou d'autres plates-formes prenant en charge le protocole Chrome Debugger.

Quokka.js

Exécuter du code JavaScript en temps réel (utile pour des démos rapides).

Espaces de fin

Mettez en surbrillance ces espaces redondants et supprimez-les rapidement.

TypeScript Hero

Chaussures pour enfants pour aider à la programmation TypeScript !

WakaTime

Générez des rapports de données à partir de vos habitudes d'utilisation.

Vetur

Outil Vue sous VS Code ! Développé par Pine Wu, il cumule plus de 4 millions de téléchargements !

Code Runner

Prend en charge l'exécution immédiate du code dans plusieurs langues. Langages pris en charge : C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script , C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D.

PHP IntelliSense

icônes vscode

Collection d'icônes.

Jest

Amusez-vous en utilisant Jest pour Facebook.

Extraits de code React.js

Il est très pratique d'utiliser la syntaxe ES6 pour développer des applications React.js.

---FIN---

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!