Heim > Artikel > Entwicklungswerkzeuge > VSCode-Plugin zur Verbesserung der Entwicklungseffizienz (sehr zu empfehlen!)
Verwandte Empfehlungen: „vscode-Tutorial“
Ich glaube, dass viele Schüler, die nicht gut in Englisch sind, beim Codieren oft auf Wörter stoßen, die sie nicht verstehen Wenn Sie Dokumente online lesen, online Fragen stellen und auf Beispiele aus anderen Projekten verweisen müssen, kann Ihnen dieses VS-Code-Plugin meiner Meinung nach sehr helfen Sie können Dinge im Code online/offline suchen oder übersetzen.
Verwendung
Einführung in den einfachen Verwendungsprozess. Sie können in VS Code nach Search/Translate Hero
suchen und zum Installieren klicken: Search/Translate Hero
然后点击安装,你也可以在这里进行下载:
如果你使用的是国产 Hbuider 编辑器,你可以点击这里进行下载:
搜索
首先,第一个最重要的功能就是搜索,作为开发者,我们每天打代码肯定都离不开搜索,当你在写代码的过程中遇到不明白的库,比如:require('react')
,你就可以在编辑器中,选中代码中对应的关键词 react
,然后点击鼠标右键,在出现的菜单面板中选择 Search Online
菜单项,插件会自动帮你打开默认浏览器,并搜索对应的关键词和显示搜索结果。
当然你还可以选中对应的关键词后,使用快捷键 cmd+enter(mac)
/ ctrl+enter(win)
去打开浏览器进行搜索,这样会更高效,再也无需每次切换屏幕到浏览器,输入搜索网址键入关键词然后进行搜索啦。
翻译
英文不好的同学的福音,当你在代码中遇到不懂的单词,你可以在编辑器中,选中代码中对应的关键词,然后点击鼠标右键,在出现的菜单面板中选择 Traslate Online
菜单项,插件会自动帮你打开默认浏览器,并进入谷歌翻译搜索,搜索对应的关键词的翻译结果。
同样你还可以选中对应的关键词后,使用快捷键 cmd+shift+enter(mac) / ctrl+shift+enter(win)
去打开浏览器进行翻译。
这里还使用了离线英汉词典(https://github.com/program-in-chinese/vscode_english_chinese_dictionary)插件中提供的离线词典库,所以支持了离线词典的搜索,也是跟上面一样相同的操作,选中代码中的关键词,翻译结果会出现在底部栏右下角,简单的翻译无需频繁地咨询百度和谷歌翻译,在底部展示结果,方便也清晰,如果你想查看更详细的翻译结果,可以点击底部栏右下角的中文翻译结果,此时会打开你的默认浏览器进行线上翻译。
切换搜索引擎
如果你有其他特别需要,你可以切换不同的搜索引擎,只需要点击在编辑器底部栏右侧 Search Engine
,然后在弹窗选项中选择你需要的搜索引擎即可切换。
你还可以在右键菜单栏中选择 Search Online By Switch Engine
菜单项,直接切换对应的搜索引擎进行搜索。
如果预设的搜索引擎地址不能满足你的使用,你可以手动更新搜索引擎地址,进入插件的 Extesion Settings
里设置即可。
默认的各搜索引擎地址格式如下:
注意:使用
%SELECTION%
🎜🎜Wenn Sie den inländischen Hbuider-Editor verwenden, können Sie hier zum Herunterladen klicken: 🎜
- https://marketplace.visualstudio.com/items?itemName=Wscats.search
🎜🎜Suchen🎜🎜🎜🎜Zuallererst ist die erste und wichtigste Funktion die Suche, als Entwickler, wir müssen beim täglichen Codieren untrennbar mit der Suche verbunden sein. Wenn Sie beim Schreiben von Code auf eine Bibliothek stoßen, die Sie nicht verstehen, wie zum Beispiel:
- https://ext.dcloud.net .cn/plugin?id=355VSCode-Plugin zur Verbesserung der Entwicklungseffizienz (sehr zu empfehlen!)
require('react')
, können Sie dies tun Bearbeiten Sie es. Wählen Sie im Browser das entsprechende Schlüsselwortreact
im Code aus, klicken Sie dann mit der rechten Maustaste und wählen Sie im angezeigten Menüfeld den MenüpunktOnline suchen
Das Plug-in öffnet automatisch den Standardbrowser, sucht nach entsprechenden Schlüsselwörtern und zeigt Suchergebnisse an. 🎜🎜Natürlich können Sie auch das entsprechende Schlüsselwort auswählen und mit den Tastenkombinationencmd+enter(mac)
/ctrl+enter(win)
den Browser öffnen und suchen Dies ist effizienter. Sie müssen nicht mehr jedes Mal den Bildschirm zum Browser wechseln, die Such-URL eingeben, Schlüsselwörter eingeben und dann suchen. 🎜🎜🎜🎜🎜Übersetzung🎜🎜🎜🎜Gute Nachrichten für Schüler, die nicht gut in Englisch sind. Wenn Sie im Code auf ein Wort stoßen, das Sie nicht verstehen, können Sie das entsprechende Schlüsselwort im Code im Editor auswählen und dann Klicken Sie mit der rechten Maustaste. Wählen Sie im angezeigten Menüfeld den MenüpunktOnline übersetzen
. Das Plug-in öffnet automatisch den Standardbrowser und gibt Google Translate ein, um nach den Übersetzungsergebnissen zu suchen entsprechende Schlüsselwörter. 🎜🎜Ähnlich können Sie auch das entsprechende Schlüsselwort auswählen und die Tastenkombinationencmd+shift+enter(mac) / ctrl+shift+enter(win)
verwenden, um den Browser für die Übersetzung zu öffnen. 🎜🎜🎜🎜Ein Offline-Englisch-Chinesisch-Wörterbuch wird ebenfalls verwendet Hier (https://github.com/program-in-chinese/vscode_english_chinese_dictionary) stellt das Plug-in eine Offline-Wörterbuchbibliothek bereit und unterstützt daher die Offline-Wörterbuchsuche. Es ist auch der gleiche Vorgang wie oben Die Übersetzungsergebnisse werden in der unteren rechten Ecke angezeigt. Einfache Übersetzungen erfordern keine häufige Rücksprache mit Baidu und Google Translate. Die Ergebnisse werden unten angezeigt, was praktisch und übersichtlich ist Um die Übersetzungsergebnisse anzuzeigen, können Sie auf die chinesischen Übersetzungsergebnisse in der unteren rechten Ecke der unteren Leiste klicken. Zu diesem Zeitpunkt wird Ihr Standardbrowser für die Online-Übersetzung geöffnet. 🎜🎜🎜🎜🎜🎜Suchmaschine wechseln🎜🎜🎜🎜 Wenn Sie andere spezielle Anforderungen haben, können Sie einfach aufSuchmaschine
auf der rechten Seite der unteren Leiste des Editors klicken und dann die gewünschte Suchmaschine im Popup auswählen. Fensteroptionen zum Wechseln öffnen. 🎜🎜🎜🎜Sie können auch mit der rechten Maustaste auswählen MenüleisteSuche online nach Motor wechseln
Menüpunkt, wechseln Sie direkt zur entsprechenden Suchmaschine, um zu suchen. 🎜🎜🎜🎜Wenn die Standardsuchmaschinenadresse nicht erfüllt werden kann Zu Ihrer Verwendung können Sie die Suchmaschinenadresse manuell aktualisieren und in denErweiterungseinstellungen
des Plug-ins festlegen. 🎜🎜🎜🎜Das Standardadressformat jeder Suchmaschine ist wie folgt: 🎜🎜Hinweis: Verwenden Sie%SELECTION%
, um die von der Suchmaschine ausgewählten Schlüsselwörter zu ersetzen🎜
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% Für Sie können beispielsweise eine Farbwebsite-Suchmaschine aufrufen und jederzeit durch Eingabe des Codes in den Wave-of-Sage-Modus wechseln (manuell lustig).
Hmpf, Sie können die Standardsuchmaschine auch festlegen, indem Sie die Datei
.vscode/setting.json
ändern, z. B. indem Sie den Codesearch-online.search-engine
ändern > Der Konfigurationsparameter istBing
, und Sie könnenBing
als Standardsuchmaschine für die Suche verwenden..vscode/setting.json
文件,来设置默认搜索引擎,例如修改search-online.search-engine
的配置参数为Bing
,即可使用Bing
作为默认搜索引擎来搜索。{ "search-online.search-engine": "Bing" }通过更改
.vscode/setting.json
文件的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%" } ] }如果你嫌上面的操作都很麻烦,那你还可以通过可视化界面来增加搜索引擎,在切换引擎的面板底部点击
Zusätzliche Suchmaschinen können hinzugefügt werden, indem die Konfigurationsparameter von➕ Add Search Engine
rrreeesearch-online.add-search-engine
in der Datei.vscode/setting.json
geändert werden.rrreeeWenn Sie die oben genannten Vorgänge als problematisch empfinden, können Sie Suchmaschinen auch über die visuelle Benutzeroberfläche hinzufügen. Klicken Sie unten im Bedienfeld auf
Name: Visual Studio Marketplace➕ Suchmaschine hinzufügen
. Anschließend werden zwei Eingaben angezeigt . Feld, füllen Sie den folgenden Inhalt aus, um Suchmaschinen hinzuzufügen ↓URL: https://marketplace.visualstudio.com/search?term=%SELECTION%&target=VSCode
Damit können Sie mit einem Klick nach relevanten Codes auf Github suchen, nach verwandten Tool-Bibliotheken auf Npm suchen, nach professionellen Einträgen im Wiki suchen, Ihre Geheimnisse in Duck Duck Go hinterlassen und mit Code Pen ein paar kleine Stücke davon einfügen Code zurück, aber kurz gesagt, es ist unvernünftig und hat keine moralische Integrität.
Übersetzungs-Engine wechseln
Im Allgemeinen können Sie die Sprache, die übersetzt werden muss, im Einstellungsfenster ändern. Die Standardeinstellung ist die Übersetzung von Englisch nach Chinesisch.
Das obige ist der detaillierte Inhalt vonVSCode-Plugin zur Verbesserung der Entwicklungseffizienz (sehr zu empfehlen!). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!