19 plug-ins de développement vscode pratiques à partager

Si un travailleur veut bien faire son travail, il doit d'abord affûter ses outils. Cet article résumera et partagera avec vous 19 plug-ins vscode que j'utilise en développement. J'espère qu'il sera utile à tout le monde !

1 : Pack de langue chinois (simplifié) Plug-in de langue chinoise

Pack de langue chinois (simplifié) pour VS Code

Ce pack de langue chinois (simplifié) fournit une interface localisée pour VS Code. [Apprentissage recommandé : "Tutoriel d'introduction au vscode"]

Pour les personnes comme moi qui parlent un anglais moyen, ce plug-in est très convivial.

2 : Code Runner Code Runner

Exécutez des extraits de code ou des fichiers de code dans plusieurs langages : 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, Scheme, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp, Kit, V, SCSS, Sass, CUDA et des commandes personnalisées

Ce truc ne m'est pas d'une grande utilité jusqu'à présent.

3 : Débogueur pour Chrome VScode - Chrome Debugger

Extension VS Code pour déboguer le code JavaScript dans Google Chrome ou d'autres cibles prenant en charge le protocole Chrome DevTools.

En d'autres termes, cette chose peut être interrompue. Après avoir installé le débogage PHP, vous pouvez déboguer PHP.

4 : Débogueur pour Firefox Débogueur du navigateur Firefox

Idem que ci-dessus, il a la même fonction que le plug-in Google Chrome.

5 : plug-in de détection de code ESLint js

ESlint prend en charge les invites js natives et peut personnaliser les règles d'invite

6 : taille de fichier

plug-in qui affiche le taille du fichier dans le coin inférieur gauche

7 : IntelliSense pour les noms de classe CSS en HTML

est utilisé pour la détection intelligente des noms de classe CSS en HTML.

8 : Thème d'icônes matérielles

Il s'agit d'une bibliothèque d'icônes qui définit différentes icônes pour différents types de fichiers et de dossiers

9 : ouvrir dans le navigateur

Ouvrir les fichiers pour le débogage fin des fichiers html

10 : Diff partielle

Vous pouvez comparer des sélections de texte (différences) dans un fichier, entre différents fichiers ou dans le presse-papiers.

Sélection de texte multi-curseur.

Règles de normalisation de texte définies par l'utilisateur pour réduire le bruit dans les différences (par exemple, remplacer les tabulations par des espaces).

Les règles de normalisation de texte définies par l'utilisateur peuvent être désactivées sans les supprimer de la configuration.

Comparez le texte dans 2 éditeurs visibles (c'est-à-dire les onglets) en une seule action.

11 : PHP Debug

Prise en charge du plug-in PHPxdebug, votre environnement PHP local doit installer xdebug pour réaliser la fonction de ce plug-in.

Utilisé pour le code de débogage des points d'arrêt PHP.

12 : PHP Intelephense

Outil d'invite de code PHP, avec des fonctions telles que les invites de code de paiement, les définitions de recherche, la recherche de classe, etc., très puissant.

Téléchargez le plug-in PHP Intelephense, qui nécessite que la version PHP soit supérieure à 7 et ajoutez PHP aux variables d'environnement système.

Ce plug-in est un artefact et doit être bien utilisé. Principalement, f12 va à la définition, un artefact absolu.

13 : Plug-in PHP IntelliSense

Plug-in PHP IntelliSense. C'est aussi un artefact. Prise en charge avancée de la saisie semi-automatique et du refactoring pour PHP

Lors de son utilisation, vous devez ajouter le code suivant à settings.json

"php.validate.executablePath": "D:BtSoftphp72php.exe",

14 : Vue VSCode Snippets

Entrez la balise VUE et complétez automatiquement le code. Cette chose est un artefact absolu pour améliorer l’efficacité du développement.

15 : Vetur

Vscode prend entièrement en charge VUE, y compris la coloration syntaxique, les fragments, Emmet, le tri/vérification d'erreurs, le formatage, la saisie semi-automatique, le débogage, VTI/CLI

16 : vscode -icons

Bibliothèque d'icônes pour Vscode

17 : Path Intellisense

Plugin Visual Studio Code pour la saisie automatique des noms de fichiers.

Besoin d'ajouter settings.json :

{ "typescript.suggest.paths": false }

18 : PHP Extension Pack

inclut les extensions les plus importantes pour démarrer le développement PHP dans Visual Studio Code.

19 : Résolveur d'espace de noms PHP

Le résolveur d'espace de noms PHP peut importer et étendre des classes. Les classes importées peuvent également être triées par longueur de ligne ou par ordre alphabétique.

Ce qui précède représente essentiellement tous les plug-ins installés dans mon éditeur vscode, à l'exception du débogage PHP, que je ne comprends pas, le reste est très utile.

Pour 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!