VSCode L'une des raisons pour lesquelles VSCode
est un si bon éditeur de code est la vaste bibliothèque de plugins créés par la communauté pour améliorer l'efficacité du travail du développeur. . Voici quelques-uns de mes plugins VSCode préférés.1. Supports arc-en-ciel
Adresse : https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets Ce plugin rend nos supports colorés, ce qui facilite la recherche de paires correspondantes.2. Balise de renommage automatique
Adresse : https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag Lorsque vous renommez une balise HTML/XML, renommez automatiquement la balise HTML/XML associée.3. Chemin relatif
Adresse : https://marketplace.visualstudio.com/items?itemName=jakob101.RelativePath Ce plugin me fait gagner beaucoup de temps lors de la rédaction des instructions d'importation. Obtenez facilement le chemin relatif de n'importe quel fichier de votre espace de travail à l'aide de simples raccourcis clavier.4. Plus joli
Adresse : https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscodePrettier
La différence avec esLint est qu'ESLint n'est qu'un outil de qualité de code (assurez-vous qu'il n'y a pas de variables inutilisées, pas de variables globales, etc.). Alors que Prettirer
ne se soucie que du formatage du fichier (longueur maximale, balises et espaces mixtes, styles de citation, etc.). On peut voir qu'il est préférable de laisser le problème du format de code unifié à
5. htmltagwrap
Adresse : https://marketplace.visualstudio.com/items?itemName=bradgashler.htmltagwrap Vous pouvez envelopper une couche de balises en dehors de la balise HTML sélectionnée.6. Aperçu Markdown amélioré
Adresse : ttps://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced Si vous avez écrit des fichiers markdown, il est très utile d'avoir un aperçu en temps réel.Apprentissage recommandé : "Tutoriel vscode
"7. Polacode
Adresse : https://marketplace.visualstudio. com/items?itemName=pnp.polacode Ce plug-in peut enregistrer votre code sous forme d'image pour le partager avec d'autres !8. Tout aléatoire
Adresse : https://marketplace.visualstudio.com/items?itemName=helixquar.ranomeverything Ce plug-in peut générer automatiquement des données aléatoires en fonction du type de données et est particulièrement adapté à la génération de données de test.9. CSS Peek
Adresse : https://marketplace.visualstudio.com/items?itemName=pranaygp.vscode-css-peek Le plugin CSS Peek étend les capacités d'édition de code HTML et ejs pour prendre en charge la recherche de css/scss/less (classes et identifiants) dans les chaînes du code source. Cela a été largement inspiré par une fonctionnalité similaire entre crochets appelée l'éditeur CSS en ligne.10. Journal de la console Turbo
Adresse : https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-logconsole.log
Ajoutez rapidement console.log, commentez/activez/supprimez tout
ctrl + alt + l 选中变量之后,使用这个快捷键生成 console.logalt + shift + c 注释所有 console.logalt + shift + u 启用所有 console.logalt + shift + d 删除所有 console.log
12. Créateur
Adresse : ttps://marketplace.visualstudio.com/items?itemName=ryanolsonx.snippet-creatorIl existe de nombreuses extensions d'extraits de code comme celle ci-dessus pour React, mais parfois nous souhaitons créer nos propres extraits de code personnalisés, et ce plugin vous permet de le faire facilement.
Adresse originale : https://blog.csdn.net/qq449245884/article/details/113578723
Auteur original : Katherine Peterson
Adresse de réimpression : https ://blog.csdn.net/qq449245884/article/details/114298467
Traducteur : Front-end Xiaozhi@大千世界
Pour plus de connaissances liées à la programmation, veuillez visiter : Apprenez 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!