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

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

Dec 09, 2020 pm 05:40 PM
vscode 插件

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"
}
Nach dem Login kopieren

通过更改 .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%"
    }
  ]
}
Nach dem Login kopieren

如果你嫌上面的操作都很麻烦,那你还可以通过可视化界面来增加搜索引擎,在切换引擎的面板底部点击 ➕ 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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Welche Computerkonfiguration ist für VSCODE erforderlich? Welche Computerkonfiguration ist für VSCODE erforderlich? Apr 15, 2025 pm 09:48 PM

VS Code system requirements: Operating system: Windows 10 and above, macOS 10.12 and above, Linux distribution processor: minimum 1.6 GHz, recommended 2.0 GHz and above memory: minimum 512 MB, recommended 4 GB and above storage space: minimum 250 MB, recommended 1 GB and above other requirements: stable network connection, Xorg/Wayland (Linux)

So definieren Sie Header -Dateien für VSCODE So definieren Sie Header -Dateien für VSCODE Apr 15, 2025 pm 09:09 PM

Wie definiere ich Header -Dateien mithilfe von Visual Studio -Code? Erstellen Sie eine Header -Datei und deklarieren Sie Symbole in der Header -Datei mit dem Namen .h oder .HPP -Suffix (wie Klassen, Funktionen, Variablen) das Programm mit der #include -Direktive kompilieren, um die Header -Datei in die Quelldatei aufzunehmen. Die Header -Datei wird enthalten und die deklarierten Symbole sind verfügbar.

VSCODE START START Front-End-Projektbefehl VSCODE START START Front-End-Projektbefehl Apr 15, 2025 pm 10:00 PM

Der Befehl zum Starten eines Front-End-Projekts in VSCODE ist Code. Die spezifischen Schritte umfassen: Öffnen Sie den Projektordner. Starten Sie VSCODE. Öffnen Sie das Projekt. Geben Sie den Startbefehlscode ein. im Terminalfeld. Drücken Sie die Eingabetaste, um das Projekt zu starten.

So setzen Sie VSCODE So setzen Sie VSCODE Apr 15, 2025 pm 10:45 PM

Befolgen Sie die folgenden Schritte, um VSCODE zu aktivieren und festzulegen: Installieren und Starten von VSCODE. Benutzerdefinierte Einstellungen einschließlich Themen, Schriftarten, Räume und Codeformatierung. Installieren Sie Erweiterungen, um Funktionen wie Plugins, Themen und Werkzeuge zu verbessern. Erstellen Sie ein Projekt oder eröffnen Sie ein vorhandenes Projekt. Verwenden Sie IntelliSense, um Code -Eingabeaufforderungen und -abschlüsse zu erhalten. Debuggen Sie den Code, um den Code durchzusetzen, Breakpoints festzulegen und Variablen zu überprüfen. Schließen Sie das Versionskontrollsystem an, um Änderungen zu verwalten und Code zu bestimmen.

Welche Sprache wird VSCODE verwendet? Welche Sprache wird VSCODE verwendet? Apr 15, 2025 pm 11:03 PM

Visual Studio Code (VSCODE) wurde von Microsoft entwickelt, das mit dem Elektronen -Framework erstellt wurde und hauptsächlich in JavaScript geschrieben wurde. Es unterstützt eine breite Palette von Programmiersprachen, einschließlich JavaScript, Python, C, Java, HTML, CSS usw., und kann durch Erweiterungen Unterstützung für andere Sprachen unterstützen.

Welche Sprache ist in VSCODE geschrieben? Welche Sprache ist in VSCODE geschrieben? Apr 15, 2025 pm 11:51 PM

VSCODE ist in TypeScript und JavaScript geschrieben. Erstens ist seine Core -Codebasis in TypeScript geschrieben, einer Open -Source -Programmiersprache, die JavaScript erweitert und die Typ -Check -Funktionen hinzufügt. Zweitens werden einige Erweiterungen und Plug-Ins von VSCODE in JavaScript geschrieben. Diese Kombination macht VSCODE zu einem flexiblen und erweiterbaren Code -Editor.

VSCODE Running Task -Verknüpfungsschlüssel VSCODE Running Task -Verknüpfungsschlüssel Apr 15, 2025 pm 09:39 PM

Ausführen von Aufgaben in VSCODE: Erstellen Sie Tasks.json -Datei, Versions- und Aufgabenliste angeben. Konfigurieren Sie den Beschriftung, den Befehl, die Argumente und die Art der Aufgabe; Speichern und laden Sie die Aufgabe neu; Führen Sie die Aufgabe mit der Verknüpfungsschlüssel -Strg -Verschiebung B (macOS für CMD Shift B) aus.

So setzen Sie VSCODE auf Chinesisch So setzen Sie VSCODE auf Chinesisch Apr 15, 2025 pm 09:27 PM

Es gibt zwei Möglichkeiten, eine chinesische Sprache im Visual Studio -Code einzurichten: 1. Installieren Sie das chinesische Sprachpaket; 2. Ändern Sie die Einstellungen "Gebietsschema" in der Konfigurationsdatei. Stellen Sie sicher, dass die Visual Studio -Code -Version 1.17 oder höher ist.

See all articles