Heim  >  Artikel  >  Entwicklungswerkzeuge  >  VSCode-Plugin zur Verbesserung der Entwicklungseffizienz (sehr zu empfehlen!)

VSCode-Plugin zur Verbesserung der Entwicklungseffizienz (sehr zu empfehlen!)

青灯夜游
青灯夜游nach vorne
2020-12-09 17:40:123651Durchsuche

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 然后点击安装,你也可以在这里进行下载:

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

如果你使用的是国产 Hbuider 编辑器,你可以点击这里进行下载:

  • https://ext.dcloud.net.cn/plugin?id=355VSCode-Plugin zur Verbesserung der Entwicklungseffizienz (sehr zu empfehlen!)

搜索

首先,第一个最重要的功能就是搜索,作为开发者,我们每天打代码肯定都离不开搜索,当你在写代码的过程中遇到不明白的库,比如: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%

  • https://marketplace.visualstudio.com/items?itemName=Wscats.search
🎜🎜Wenn Sie den inländischen Hbuider-Editor verwenden, können Sie hier zum Herunterladen klicken: 🎜
  • https://ext.dcloud.net .cn/plugin?id=355VSCode-Plugin zur Verbesserung der Entwicklungseffizienz (sehr zu empfehlen!)
🎜🎜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: require('react'), können Sie dies tun Bearbeiten Sie es. Wählen Sie im Browser das entsprechende Schlüsselwort react im Code aus, klicken Sie dann mit der rechten Maustaste und wählen Sie im angezeigten Menüfeld den Menüpunkt Online 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 Tastenkombinationen cmd+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üpunkt Online ü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 Tastenkombinationen cmd+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 auf Suchmaschine 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üleiste Suche 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 den Erweiterungseinstellungen 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
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%

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).

VSCode-Plugin zur Verbesserung der Entwicklungseffizienz (sehr zu empfehlen!)

Hmpf, Sie können die Standardsuchmaschine auch festlegen, indem Sie die Datei .vscode/setting.json ändern, z. B. indem Sie den Code search-online.search-engineändern > Der Konfigurationsparameter ist Bing, und Sie können Bing 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%"
    }
  ]
}

如果你嫌上面的操作都很麻烦,那你还可以通过可视化界面来增加搜索引擎,在切换引擎的面板底部点击 ➕ Add Search Enginerrreee

Zusätzliche Suchmaschinen können hinzugefügt werden, indem die Konfigurationsparameter von search-online.add-search-engine in der Datei .vscode/setting.json geändert werden.
rrreee

Wenn 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 ➕ Suchmaschine hinzufügen. Anschließend werden zwei Eingaben angezeigt . Feld, füllen Sie den folgenden Inhalt aus, um Suchmaschinen hinzuzufügen ↓

Name: Visual Studio Marketplace

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

VSCode-Plugin zur Verbesserung der Entwicklungseffizienz (sehr zu empfehlen!)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.

Aber wenn Sie auf die zweite Situation stoßen, z. B. Code und Kommentare, die von Russen geschrieben wurden, und Sie diese übersetzen möchten, können Sie die Übersetzungsmaschine auf die Einstellung der Übersetzung von Russisch nach Chinesisch umstellen, die die meisten davon unterstützt Welt Für die Online-Übersetzung von Sprachen ist Google Translate eine gute Sache. In Zukunft wird die Unterstützung der Baidu-Übersetzungs-Engine hinzugefügt. !

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen