Maison >outils de développement >VSCode >Plug-in VSCode pour améliorer l'efficacité du développement (fortement recommandé !)

Plug-in VSCode pour améliorer l'efficacité du développement (fortement recommandé !)

青灯夜游
青灯夜游avant
2020-12-09 17:40:123763parcourir

Plug-in VSCode pour améliorer l'efficacité du développement (fortement recommandé !)

Recommandations associées : "tutoriel vscode"

Je crois que de nombreux étudiants qui ne sont pas bons en anglais rencontrent souvent des problèmes lors du codage. Je pense que de nombreux étudiants oublient l'interface du framework lors de l'écriture de projets. Ils doivent lire des documents en ligne, demander de l'aide en ligne et se référer à des exemples d'autres projets. Si vous avez déjà rencontré de tels problèmes, alors je crois en ce plug VS Code. -in. Cela peut vous être d'une grande aide. Il vous permet de rechercher en ligne/hors ligne dans le code, ou de le traduire.

Utilisez

pour présenter le processus d'utilisation simple. Vous pouvez rechercher Search/Translate Hero dans VS Code et cliquer pour installer. Téléchargez ici :

  • https://marketplace.visualstudio.com/items?itemName=Wscats.search

Si vous L'éditeur domestique Hbuider est utilisé, vous pouvez cliquer ici pour télécharger :

  • https://ext.dcloud.net.cn/plugin?id=355Plug-in VSCode pour améliorer lefficacité du développement (fortement recommandé !)

Recherche

Tout d'abord, la première et la plus importante fonction est la recherche. En tant que développeurs, nous ne pouvons pas nous passer de la recherche tous les jours lorsque nous écrivons du code si vous rencontrez une bibliothèque. vous ne comprenez pas pendant le processus de codage, comme : require('react'), vous pouvez sélectionner le mot-clé correspondant react dans le code de l'éditeur, puis cliquer avec le bouton droit de la souris et sélectionner élément de menu, le plug-in ouvrira automatiquement le navigateur par défaut pour vous, recherchera les mots-clés correspondants et affichera les résultats de la recherche. Search Online

Bien entendu, vous pouvez également sélectionner le mot-clé correspondant et utiliser les touches de raccourci

/ cmd+enter(mac) pour ouvrir le navigateur pour la recherche. Cela sera plus efficace et vous n'aurez plus besoin de basculer l'écran sur. le navigateur à chaque fois. Saisissez l’URL de recherche, saisissez les mots-clés, puis effectuez la recherche. ctrl+enter(win)

Traduction

Bonne nouvelle pour les étudiants qui ne sont pas bons en anglais, lorsque vous rencontrez quelque chose de différent dans le code Pour comprendre les mots, vous pouvez sélectionner les mots-clés correspondants dans le code dans l'éditeur, puis cliquer avec le bouton droit de la souris et sélectionner l'élément de menu

dans le panneau de menu qui apparaît. Le plug-in ouvrira automatiquement le. navigateur par défaut pour vous et entrez dans la recherche Google Traduction, recherchez les résultats de traduction des mots-clés correspondants. Traslate Online

De même, vous pouvez également sélectionner le mot-clé correspondant et utiliser la touche de raccourci

pour ouvrir le navigateur pour la traduction. cmd+shift+enter(mac) / ctrl+shift+enter(win)

La bibliothèque de dictionnaires hors ligne fournie dans le plug-in du dictionnaire anglais-chinois hors ligne (https://github.com/program-in-chinese/vscode_english_chinese_dictionary) est également utilisée ici, la recherche par dictionnaire hors ligne est la même opération que ci-dessus. Sélectionnez le mot-clé dans le code et les résultats de la traduction apparaîtront dans le coin inférieur droit de la barre inférieure. Une traduction simple ne nécessite pas de consultation fréquente avec Baidu et Google. Traduire Les résultats sont affichés en bas, ce qui est pratique et clair. Si vous souhaitez voir des résultats de traduction plus détaillés, vous pouvez cliquer sur les résultats de la traduction chinoise dans le coin inférieur droit de la barre inférieure, et votre navigateur par défaut le fera. ouvert à la traduction en ligne.

Changer de moteur de recherche

Si vous avez d'autres besoins particuliers, vous pouvez passer à différents moteurs de recherche , cliquez simplement sur

sur le côté droit de la barre inférieure de l'éditeur, puis sélectionnez le moteur de recherche dont vous avez besoin dans les options de la fenêtre contextuelle pour basculer. Search Engine

Vous pouvez également sélectionner l'élément de menu

dans la barre de menu contextuelle pour passer directement au moteur de recherche correspondant pour la recherche. Search Online By Switch Engine

Si l'adresse du moteur de recherche par défaut ne peut pas répondre à vos besoins, vous pouvez mettre à jour manuellement l'adresse du moteur de recherche et saisir les paramètres dans le

du plug-in. Extesion Settings

Le format d'adresse par défaut de chaque moteur de recherche est le suivant :

Remarque : utilisez

pour remplacer le mot-clé sélectionné par la recherche moteur%SELECTION%

Engine Url
Google https://www.google.com/search?q=%SELECTION%
Bing https://www.bing.com/search?q=%SELECTION%
Github https://www.github.com/search?q=%SELECTION%
Baidu https://www.baidu.com/search?q=%SELECTION%
Npm https://www.npmjs.com/search?q=%SELECTION%
Yahoo https://search.yahoo.com/search?p=%SELECTION%
Wiki https://wikipedia.org/wiki/%SELECTION%
Duck https://duckduckgo.com/?q=%SELECTION%
Code Pen https://codepen.io/search/pens?q=%SELECTION%
Code Sandbox https://codesandbox.io/search?query=%SELECTION%

Par exemple, vous pouvez entrer dans un moteur de recherche pour site Web couleur, et vous pouvez entrer dans une vague de mode sage à tout moment en tapant le code (manuel amusant).

Plug-in VSCode pour améliorer lefficacité du développement (fortement recommandé !)

Hmph, vous pouvez également définir le moteur de recherche par défaut en modifiant le fichier .vscode/setting.json Par exemple, modifiez le paramètre de configuration de search-online.search-engine en Bing et vous. peut utiliser Bing Search comme moteur de recherche par défaut.

{
  "search-online.search-engine": "Bing"
}

Des moteurs de recherche supplémentaires peuvent être ajoutés en modifiant les paramètres de configuration .vscode/setting.json du fichier search-online.add-search-engine.

{
  "search-online.add-search-engine": [
    {
      "name": "Visual Studio Marketplace",
      "url": "https://marketplace.visualstudio.com/search?term=%SELECTION%&target=VSCode"
    },
    {
      "name": "Pypi",
      "url": "https://pypi.org/search/?q=%SELECTION%"
    }
  ]
}

Si vous trouvez les opérations ci-dessus trop gênantes, vous pouvez également ajouter des moteurs de recherche via l'interface visuelle. Cliquez sur ➕ Add Search Engine en bas du panneau pour changer de moteur, puis deux zones de saisie apparaîtront. saisissez-les séparément. Entrez le contenu suivant pour ajouter un moteur de recherche↓

nom : Visual Studio Marketplace

url : https://marketplace.visualstudio.com/search?term= %SELECTION% &target=VSCode

Avec ceux-ci, vous pouvez rechercher des codes associés sur Github, rechercher des bibliothèques d'outils associés sur Npm et rechercher des termes professionnels sur Wiki avec un cliquez sur Article, laissez votre petit secret dans Duck Duck Go, recollez quelques petits morceaux de code dans Code Pen, bref, c'est déraisonnable et n'a aucune morale.

Plug-in VSCode pour améliorer lefficacité du développement (fortement recommandé !)

Changer de moteur de traduction

En général, vous pouvez modifier la langue qui doit être traduite dans le panneau de paramètres. Le paramètre par défaut est la traduction de l’anglais vers le chinois.

Mais si vous rencontrez la deuxième situation générale, comme du code et des commentaires écrits par des Russes, et que vous souhaitez le traduire, vous pouvez alors basculer le moteur de traduction en russe et traduire dans les paramètres chinois, prend ici en charge la traduction en ligne de la plupart des langues du monde. Google Translate est une bonne chose. La prise en charge du moteur de traduction Baidu sera ajoutée à l'avenir. Veuillez contribuer ~

Plus de programmation. -connaissances connexes, veuillez visiter : Vidéos de 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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer