Maison >outils de développement >VSCode >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 :
Si vous L'éditeur domestique Hbuider est utilisé, vous pouvez cliquer ici pour télécharger :
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
/ 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
pour ouvrir le navigateur pour la traduction. cmd+shift+enter(mac) / ctrl+shift+enter(win)
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
dans la barre de menu contextuelle pour passer directement au moteur de recherche correspondant pour la recherche. Search Online By Switch Engine
du plug-in. Extesion Settings
Remarque : utilisezpour remplacer le mot-clé sélectionné par la recherche moteur
%SELECTION%
Engine | Url |
---|---|
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).
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.
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!