


Partagez des plug-ins Vscode front-end qui améliorent considérablement l'efficacité du développement !
VScode est définitivement très familier aux étudiants front-end. Tout le monde a quelques plug-ins qu'ils aiment beaucoup. Récemment, grâce à ma propre exploration et aux recommandations de collègues, combinées au développement réel, j'ai sélectionné plusieurs plug-ins VScode qui sont très utiles pour l'efficacité réelle du développement.
【Apprentissage recommandé : "Tutoriel d'introduction au vscode"】
Code Spell Checker
Code Spell Checker est un plug-in permettant de vérifier l'orthographe des mots.
"La recherche montre que l'ordre des caractères chinois n'affecte pas nécessairement la lecture" Dans le processus de développement, il y a souvent des fautes d'orthographe dans les noms de variables. Si les partenaires de révision regardent attentivement, ils peuvent toujours le constater. l'ordre orthographique des mots est erroné et cela n'affecte pas la lecture. Nous ne pouvons souvent pas le voir en chinois, encore moins en anglais ?
C'est à ce moment-là que le vérificateur orthographique du code s'avère utile. Après avoir installé le plug-in, s'il y a des fautes d'orthographe, il y aura une invite de ligne ondulée
Par exemple, dans l'image ci-dessus, le mot. Supprimer est manquant dans toutes les lettres majuscules. Il est difficile de trouver une lettre manquante pendant le processus de développement. Si un grand nombre de ce mauvais mot est utilisé ailleurs afin de gagner du temps ou d'utiliser des invites de code, le code global sera relativement non standardisé. et des événements inattendus peuvent survenir.
Après avoir utilisé le plug-in, non seulement vous serez invité à indiquer des mots mal orthographiés, mais également lorsque vous passerez la souris sur le mauvais mot et sélectionnerez Quick Fix, une invite pour l'éventuel mot correct apparaîtra également, ce qui est très sympathique.
Lorsque j'ai installé ce plug-in pour la première fois, j'ai découvert que deux mots du projet en cours étaient mal orthographiés et cités à de nombreux endroits, j'ai donc apporté des modifications en temps opportun. Cela montre également que ce plug-in est très utile dans le développement réel ~
Utilitaires de console Javascript
Il est difficile de croire qu'un plug-in avec 140 000 téléchargements n'a pas d'icône. La seule utilisation des utilitaires de la console Javascript est qu'ils vous fournissent deux touches de raccourci :
Cmd+Shift+L
Cmd+Shift+D
Lorsque vous sélectionnez une variable abc, appuyez sur la touche Le premier jeu de touches de raccourci insérera une ligne sous le code actuel :
console.log( "abc" , abc )
Et la deuxième touche de raccourci est utilisée pour supprimer la ligne de code insérée. L'exemple officiel est le suivant :
Toute personne ayant écrit des programmeurs js. savent tous à quel point deux simples jeux de touches de raccourci peuvent améliorer l'efficacité réelle du développement. Ce plug-in simple et direct ne doit pas être manqué ?
GitHub Copilot
Par rapport aux deux plug-ins précédents, GitHub. Copilot devrait être connu de plus de gens. La description officielle est Un programmeur IA qui développe avec vous à tout moment Pendant le développement, il s'agit d'un plug-in d'invite de code IA, qui sera basé sur le contexte de votre environnement actuel. entrée Combiné avec l’IA pour vous fournir des conseils de code.
Dans le développement récent, ce plug-in m'a choqué plus d'une fois, voire un peu effrayant. Qu'il s'agisse de méthodes, de variables ou même de commentaires, cela peut vous donner des indices, et parfois cela peut vous faire peur
L'image ci-dessus me montre en train d'écrire sans le savoir trop d'attributs lors de la conception d'un composant de bouton, alors que je voulais le faire une déstructuration d'objet sur l'étiquette pour rendre le code plus clair, j'ai seulement tapé un const, et GitHub Copilot m'a aidé à suggérer ce que je voulais faire Vous ne pouvez pas imaginer comment c'était basé sur un const Allez analyser le code. derrière.
Et ce n'est qu'un jeu d'enfant. En utilisation réelle, qu'il s'agisse de variables, de constantes, de méthodes ou de hooks, il peut déduire le code dont vous avez besoin. Au début, je pensais qu'une telle IA serait dévastatrice pour les programmeurs. Les programmeurs ne seront-ils plus nécessaires à l'avenir ?
Mais en utilisation réelle, il vous comprend vraiment. Il ne vous demande pas un tas de codes sans raison, mais, sur la base de la logique métier existante actuelle, il détermine ce dont vous avez besoin maintenant et vous fournit une aide réfléchie. il.
constante devant ce type. Il m'a déjà deviné quel type je dois utiliser ici. C'est exactement ce dont j'ai besoin. le code est volumineux, un jour. Probablement 60 % du code est demandé par GitHub Copilot pour vous.
Avant d'utiliser ce plug-in, je devais postuler. Je ne sais pas quelle est la situation actuelle, je vous recommande fortement de le télécharger et de l'essayer~Coût d'importation
VS Code Counter
View-> Panneau de commande , entrez le nombre, sélectionnez l'option dans l'image ci-dessous, il comptera pour vous tous les codes du répertoire actuel de l'espace de travail.
Résumé
Les plug-ins recommandés cette fois ne sont pas fortement liés à un certain langage ou framework, et ont une large applicabilité, donc vos amis peuvent l'installer et l'essayer si vous l'avez également. bienvenue pour partager vos plug-ins préférés dans la zone de commentaires~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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tout d'abord, ouvrez le logiciel vscode sur l'ordinateur, cliquez sur l'icône [Extension] à gauche, comme indiqué en ① sur la figure. Ensuite, entrez [officeviewer] dans la zone de recherche de l'interface d'extension, comme indiqué en ② sur la figure. . Ensuite, dans la recherche, sélectionnez [officeviewer] à installer dans les résultats, comme indiqué dans ③ sur la figure. Enfin, ouvrez le fichier, tel que docx, pdf, etc., comme indiqué ci-dessous.

Tout d'abord, ouvrez le code Visual Studio sur l'ordinateur, cliquez sur les quatre boutons carrés à gauche, puis saisissez draw.io dans la zone de recherche pour interroger le plug-in, cliquez sur Installer. Après l'installation, créez un nouveau fichier test.drawio, puis. sélectionnez le fichier test.drawio, entrez dans le mode d'édition sur la gauche. Il y a différents graphiques sur le côté. Vous pouvez dessiner l'organigramme en sélectionnant à volonté, cliquez sur Fichier → Intégrer → svg puis sélectionnez Copier le svg. Collez le code svg copié dans le code html. Ouvrez la page Web html et vous pourrez le voir. Cliquez sur l'image sur la page Web pour accéder à l'organigramme. Sur cette page, vous pouvez zoomer et dézoomer. organigramme. Ici, nous choisissons de cliquer sur le motif de crayon dans le coin inférieur droit pour accéder à la page Web.

Tout d'abord, vous pouvez rechercher le plug-in Maude dans le gestionnaire de plug-ins vscode. Ensuite, créez un nouveau fichier avec l'extension maude pour utiliser les extraits de code et la coloration syntaxique de maude. Terminal -> Nouveau terminal peut ouvrir le terminal intégré vscode dans le dossier actuel pour exécuter le programme maude ou full-maude. Dans le tutoriel officiel de Maude, il existe également des exemples de clients http, qui peuvent être appelés et exécutés comme indiqué sur la figure. Si vous souhaitez associer des fichiers à l'extension fm, ouvrez les paramètres, recherchez les associations de fichiers dans les paramètres utilisateur et ouvrez settings.json. Ajoutez simplement une entrée à l'association de fichiers, c'est-à-dire l'entrée de *.fm à maude. Mais plein

LeanCopilot, cet outil mathématique formel vanté par de nombreux mathématiciens comme Terence Tao, a encore évolué ? Tout à l'heure, Anima Anandkumar, professeur à Caltech, a annoncé que l'équipe avait publié une version étendue de l'article LeanCopilot et mis à jour la base de code. Adresse de l'article image : https://arxiv.org/pdf/2404.12534.pdf Les dernières expériences montrent que cet outil Copilot peut automatiser plus de 80 % des étapes de preuve mathématique ! Ce record est 2,3 fois meilleur que le précédent record d’Esope. Et, comme auparavant, il est open source sous licence MIT. Sur la photo, il s'agit de Song Peiyang, un garçon chinois.

1. Tout d'abord, après avoir ouvert l'interface, cliquez sur le menu Fichier dans le coin supérieur gauche. 2. Ensuite, cliquez sur le bouton Paramètres dans la colonne des préférences. 3. Ensuite, dans la page des paramètres qui apparaît, recherchez la section de mise à jour. Enfin, cliquez sur la souris pour le vérifier et l'activer. Téléchargez et installez le nouveau bouton de version de VSCode en arrière-plan sous Windows et redémarrez le programme.

1. Tout d'abord, ouvrez le logiciel vscode, cliquez sur l'icône de l'explorateur et recherchez la fenêtre de l'espace de travail 2. Ensuite, cliquez sur le menu Fichier dans le coin supérieur gauche et recherchez l'option Ajouter un dossier à l'espace de travail 3. Enfin, recherchez l'emplacement du dossier dans le disque local, cliquez sur le bouton Ajouter

1. Tout d'abord, ouvrez l'option des paramètres dans le menu des paramètres. 2. Ensuite, recherchez la colonne du terminal dans la page couramment utilisée. 3. Enfin, décochez le bouton usewslprofiles sur le côté droit de la colonne.

1. Tout d'abord, après avoir ouvert l'interface, cliquez sur l'interface de l'espace de travail 2. Ensuite, dans le panneau d'édition ouvert, cliquez sur le menu Fichier 3. Ensuite, cliquez sur le bouton Paramètres sous la colonne Préférences 4. Enfin, cliquez sur la souris pour vérifier le CursorSmoothCaretAnimation bouton et enregistrez. Il suffit de le définir
