Le plug-in le plus complet et le plus pratique pour VSCode (VIP Collection Edition)

teneur

1. Plugins nécessaires

Chinois

Synchronisation des paramètres (synchronisation de la configuration avec le cloud)

​wakatime (temps de programmation et statistiques de suivi des comportements)

Deuxièmement, l'artefact de l'efficacité

Extraits HTML (conseils de code)

Balise de fermeture automatique

Bracket Pair Colorizer (crochets pour la distinction des couleurs)

Aperçu du navigateur (ouvrez le navigateur dans VSCode)

Client REST (débogage d'interface)

CSS Peek (visualiseur de style CSS)

Partial Diff (comparaison de fichiers)

NPM Intellisense

ouvrir dans le navigateur

Path Intellisense (fichiers d'importation rapide)

Aperçu de l'image

3. Intégration Git

Demandes d'extraction GitHub

Graphique Git

GitLensGenericName

GitHistory

4. Embellissement

Thème GitHub

icônes vscode

Embellir

L'hiver

Mieux aligner

Meilleurs commentaires

5. Spécification des codes

cas de changement

Booster JavaScript

Extraits de code JavaScript (ES6)

ESlint

TSLint

Correcteur orthographique du code

koroFileHeader

Six, installez l'artefact X

Markdown tout en un

vscode-drawio

Polacode-2020

Partage en direct

---

1. Plugins nécessaires

Chinois

Après l'installation, appuyez sur la touche de raccourci Ctrl+Maj+P, entrez

configure language

Synchronisation des paramètres (synchronisation de la configuration avec le cloud)

Nous pouvons synchroniser notre configuration vscode avec le cloud. Lorsque nous changeons d'ordinateur ou réinstallons vscode, nous n'avons qu'à nous connecter au compte pour synchroniser la configuration.

wakatime (temps de programmation et statistiques de suivi du comportement)

Temps de programmation et statistiques de suivi des comportements

Deuxièmement, l'artefact de l'efficacité

Extraits HTML (conseils de code)

Extraits de code HTML, le plugin peut vous fournir des conseils de code pour les balises html, pas besoin de taper des crochets angulaires

Balise de fermeture automatique

Fermeture automatique des balises HTML/XML

Bracket Pair Colorizer (crochets pour la distinction des couleurs)

Supports pour la distinction des couleurs

"workbench.colorCustomizations": {"editorIndentGuide.activeBackground": "#00ffea"}

Aperçu du navigateur (ouvrez le navigateur dans VSCode)

Vous pouvez ouvrir le navigateur dans vscode et le visualiser pendant le codage

Client REST (débogage d'interface)

Le débogage d'interface peut être effectué dans vscode, fournissant des méthodes de configuration API riches, afin que nous puissions appeler le débogage d'interface à tout moment sans quitter l'éditeur

Créez un nouveau fichier .http, notez le code de test de base, cliquez sur Envoyer la demande pour afficher les résultats de retour de l'interface dans la fenêtre de droite, très agréable

CSS Peek (visualiseur de style CSS)

visionneuse de style css

Partial Diff (comparaison de fichiers)

comparaison de fichiers

NPM Intellisense

Modules npm à saisie semi-automatique dans les instructions d'importation

ouvrir dans le navigateur

Ouvrir rapidement les fichiers html dans l'aperçu du navigateur

Path Intellisense (fichiers d'importation rapide)

Invite automatiquement le chemin du fichier, prend en charge divers fichiers d'importation rapides

Aperçu de l'image

Passez la souris sur le lien pour prévisualiser l'image dans le temps

3. Intégration Git

Demandes d'extraction GitHub

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

Graphique Git

Affichage graphique et manipulation de Git

GitLensGenericName

GitLens peut vous aider à mieux comprendre votre code. Visualisez rapidement les objets qui modifient une ligne ou un bloc de code

GitHistory

GitHistory peut afficher et rechercher des journaux git ainsi que des graphiques et des détails, et prend également en charge des opérations telles que la comparaison de branches, la gestion de branches, etc.

4. Embellissement

Thème GitHub

Peaux noires et blanches

icônes vscode

Fournit un très beau thème d'icônes d'arborescence de répertoires

Embellir

Faites un clic droit sur le fichier de code pour formater html, js, css

L'hiver

Le plugin Vue officiel pour VScode est un must pour les développeurs Vue. Contient la coloration syntaxique, les invites intelligentes, emmet, les invites d'erreur, le formatage, l'auto-complétion, le débogueur et d'autres fonctions utiles

Plug-in de spécification de style de code

Mieux aligner

Mise en page du code avec élégance

Sélectionnez le code avec la combinaison de touches [Ctrl+Maj+p] et entrez Aligner

Meilleurs commentaires

Couleurs d'annotation riches

Style personnalisé, besoin d'écrire le code de configuration

配置代码
"better-comments.tags": [ {"tag": "*","color": "#98C379","strikethrough": false,"backgroundColor": "transparent" }]
使用// * 绿色的高亮注释复制代码TODO Tree

5. Spécification des codes

cas de changement

convention de dénomination des variables

Booster JavaScript

Les raisons déraisonnables correspondantes et les plans d'amélioration seront demandés

Extraits de code JavaScript (ES6)

Syntaxe ES6 Intellisense et saisie rapide

ESlint

Normalisez les règles d'écriture de code js, si vous pensez que c'est trop strict, vous pouvez personnaliser les règles

TSLint

La spécification d'écriture de ts, ce plugin est une série, et fournit également TSLint (obsolète), TSLint Vue, TSLint Vue-TSX

Correcteur orthographique du code

est un correcteur orthographique qui vérifie les mots peu courants et donne un avertissement si un mot est mal orthographié

koroFileHeader

Le plugin utilisé pour générer des commentaires d'en-tête de fichier et des commentaires de fonction dans vscode. Après plusieurs itérations, le plugin : prend en charge tous les langages courants, puissant, flexible et pratique, une documentation complète et facile à manger !

Non seulement cela, mais aussi générer des annotations particulièrement intéressantes, comme ce dragon cracheur de feu...

Six, installez l'artefact X

Markdown tout en un

Vous pouvez écrire Markdown avec bonheur dans vscode, avec des fonctions puissantes. Touches de raccourci riches, lire tout en écrivant, convertir facilement en fichier html ou pdf

vscode-drawio

Vous pouvez dessiner un organigramme avec bonheur dans vscode, créer un nouveau fichier de suffixe .drawio et le faire glisser dans vscode

Polacode-2020

Nous pouvons convertir notre code en une image à part entière

Partage en direct

Cet artefact vous permet d'éditer et de déboguer en collaboration en temps réel avec d'autres

Utile, s'il vous plaît aimez et développez de bonnes habitudes!

Si vous avez des questions, s'il vous plaît laissez un message!