[Hematemesis-Zusammenfassung] 23 VSCode-Plug-Ins, die Ihnen helfen, die Entwicklungseffizienz und Ästhetik zu verbessern

Dieser Artikel fasst 23 VSCode-Plugins mit verschiedenen Funktionen zusammen, die Entwicklern helfen können, die Entwicklungseffizienz und -ästhetik zu verbessern. Ich hoffe, dass er für alle hilfreich ist!

Was ist VSCode?

VSCode (vollständiger Name: Visual Studio Code) ist ein plattformübergreifender kostenloser Quellcode-Editor, der von Microsoft entwickelt wurde. Die Software unterstützt Syntaxhervorhebung, automatische Codevervollständigung, Coderekonstruktion und Definitionsanzeigefunktionen und verfügt über integrierte Befehlszeilentools und ein Git-Versionskontrollsystem. Benutzer können Themen und Tastaturkürzel ändern, um Einstellungen zu personalisieren, und über den integrierten Erweiterungsspeicher auch Erweiterungen installieren, um die Softwarefunktionalität zu erweitern. [Empfohlenes Lernen: „vscode-Einführungs-TutorialVSCode(全称：Visual Studio Code)是一款由微软开发且跨平台的免费源代码编辑器。该软件支持语法高亮、代码自动补全、代码重构、查看定义功能，并且内置了命令行工具和Git版本控制系统。用户可以更改主题和键盘快捷方式实现个性化设置，也可以通过内置的扩展程序商店安装扩展以拓展软件功能。【推荐学习：《vscode入门教程》】

VSCode默认支持非常多的编程语言，包括JavaScript、TypeScript、CSS和HTML；也可以通过下载扩展支持Python、C/C++、Java 和Go在内的其他语言。VSCode也支持调试 Node.js 程序。

VSCode支持同时打开多个目录，并将信息保存在工作区中以便复用。作为跨平台的编辑器，VSCode允许用户更改文件的代码页、换行符和编程语言。

VSCode的下载安装

• Windows
  打开VSCode官网直接下载即可。

• Linux
  Linux平台下安装VSCode速度很慢，可以用以下方法：

• 通过国内源下载VSCode
• 将压缩包解压并移动到usr/local目录：sudo mv VSCode-linux-x64 /usr/local/
• 获取运行权限：sudo chmod +x /usr/local/VSCode-linux-x64/code
• 安装VSCode(注意此处只能用普通用户权限): /usr/local/VSCode-linux-x64/code
• 创建软链接: sudo ln -s /usr/local/VSCode-linux-x64/code /usr/local/bin/vscode, 之后在任意位置可通过终端输入vscode启动软件

VSCode插件集合

美观类

1 CodeSnap

CodeSnap可以轻松生成高分辨率，精美的代码图片

使用方式很简单：

• 使用命令将 Codesnap 调出

• 复制要作为输出的一部分的代码

• 保存图像到本地

2 :emojisense:

:emojisense:可以为MarkDown文档或命令行输出表情，让编程更有趣

直接复制Emoji大全里喜欢的标签即可，例如下面我给数据集训练过程的命令行增加了表情。

3 Marquee

Marquee可以将编程主屏幕改造得更实用或更美观。有了这个扩展，你可以看新闻报道，天气！此外，Marquee 支持用户将项目添加到个人待办事项列表中，以及一些快速笔记的暂存板。一些小但有用的插件功能。

4 Material Theme

Material Theme为 VScode 安装不同的主题，允许你根据自己的喜好自定义整个编辑器的外观。

下面是我个人使用的FireFly Pro"]

VSCode unterstützt standardmäßig viele Programmiersprachen, einschließlich JavaScript, TypeScript, CSS und HTML; Außerdem können zusätzliche Sprachen wie Python, C/C++, Java und Go durch das Herunterladen von Erweiterungen unterstützt werden. VSCode unterstützt auch das Debuggen von Node.js-Programmen.

VSCode unterstützt das gleichzeitige Öffnen mehrerer Verzeichnisse und das Speichern von Informationen im Arbeitsbereich zur Wiederverwendung. Als plattformübergreifender Editor ermöglicht VSCode Benutzern, die Codepage, Zeilenumbrüche und die Programmiersprache einer Datei zu ändern. 🎜🎜🎜Laden Sie VSCode herunter und installieren Sie es🎜🎜

• 🎜🎜Windows🎜
  Öffnen Sie die offizielle Website von VSCode und laden Sie sie direkt herunter. 🎜
• 🎜🎜Linux🎜
  Die Installation von VSCode auf der Linux-Plattform ist sehr langsam. Sie können die folgende Methode verwenden: 🎜 li>

• VSCode aus inländischen Quellen herunterladen
• Extrahieren Sie das komprimierte Paket und verschieben Sie es in das Verzeichnis usr/local: sudo mv VSCode -linux-x64 /usr/local/
• Laufberechtigungen erhalten: sudo chmod +x /usr/local/VSCode-linux-x64/code
• VSCode installieren (Beachten Sie, dass hier nur normale Benutzerberechtigungen verwendet werden können): /usr/local/VSCode-linux-x64/code
• Erstellen Sie einen Softlink: sudo ln -s /usr/local/VSCode-linux-x64/code /usr/local/bin/vscode und geben Sie dann vscode ein Starten Sie die Software

🎜🎜VSCode-Plugin-Sammlung🎜🎜

🎜Schöne Kategorie🎜

🎜1 CodeSnap🎜

🎜 CodeSnap kann problemlos hochauflösende, schöne Codebilder generieren

🎜🎜Die Verwendung ist ganz einfach: 🎜

• 🎜Verwenden Sie den Befehl, um Codesnap aufzurufen🎜
• 🎜Kopieren Sie den Code, um Teil der Ausgabe zu sein🎜
• 🎜Speichern Sie das Bild lokal🎜

🎜🎜

🎜2 :emojisense:🎜

🎜: emojisense:Kann Emoticons für MarkDown-Dokumente oder Befehlszeilen ausgeben, was die Programmierung interessanter macht

🎜🎜Kopieren Sie einfach die Tags, die Ihnen gefallen, in die Emoji-Sammlung. Unten habe ich zum Beispiel Emoticons hinzugefügt Befehlszeile während des Datensatztrainingsprozesses. 🎜🎜🎜

🎜3 Festzelt 🎜

🎜Marquee kann den Programmier-Startbildschirm praktischer oder schöner gestalten. Mit dieser Erweiterung können Sie Nachrichten und Wetterberichte ansehen! Darüber hinaus ermöglicht Marquee Benutzern das Hinzufügen von Elementen zu einer persönlichen To-Do-Liste sowie ein Notizbrett für schnelle Notizen. Einige kleine, aber nützliche Plugin-Funktionen.

🎜 🎜🎜

🎜4 Materialthema 🎜

🎜Material ThemeInstallieren Sie verschiedene Designs für VScode, sodass Sie das Erscheinungsbild des gesamten Editors nach Ihren Wünschen anpassen können.

🎜 🎜Das Folgende ist das FireFly Pro-Design, das ich persönlich verwende. 🎜🎜🎜🎜

5 Lesezeichen

Mit Lesezeichen können Sie dem Code in Ihrem Arbeitsbereich Lesezeichen für bestimmte Zeilen verschiedener Dateien hinzufügen. Bookmarks允许你在工作区中针对不同文件的特定行向代码添加书签。

6 Bracket Pair Colorizer

Bracket Pair Colorizer给括号加上不同的颜色，便于区分不同的区块。

7 vscode-icons

vscode-icons给VSCode文件更换更好看的图标。

编程类(前端)

1 Vetur

Vetur为Vue项目提供语法高亮、智能感知等。

2 Auto Close Tag

Auto Close Tag自动闭合HTML/XML标签。

3 Auto Rename Tag

Auto Rename Tag自动重命名HTML/XML标签。

4 formate: CSS/LESS/SCSS formatter

formate: CSS/LESS/SCSS formatter格式化CSS/LESS/SCSS以增强可读性。

5 Live Server

Live Server为静态和动态页面启动具有实时重新加载功能的开发本地服务器。

6 Debugger for Chrome

Debugger for Chrome将JS代码的调试嵌入Chrome浏览器。

编程类(C/C++)

1 C/C++

C/C++为VSCode添加了对C/C++的语言支持，包括 IntelliSense 和Debugging等功能。

2 C++ Intellisense

C++ Intellisense为VSCode添加了对C/C++的智能感知。

3 CMake Tools

CMake Tools为VSCode添加了对CMake的支持与感知。

编程类(Python)

1 Python

Python为VSCode添加了对Python的语言支持，包括 IntelliSense 和Debugging等功能。

2 Jupyter

Jupyter为VSCode添加了对Jupyter Notebook的功能支持。

效率类

1 Git Graph

Git Graph可视化你的Git提交流程。

2 koroFileHeader

koroFileHeader用于格式化生成文件头部注释和函数注释。

3 Code Runner

Code Runner用于直接运行多种语言的代码片段或文件。

4 Better Comments

Better Comments

6 Bracket Pair Colorizer 🎜🎜🎜Bracket Pair Colorizer fügt Klammern verschiedene Farben hinzu, um verschiedene Blöcke leicht zu unterscheiden. 🎜🎜🎜🎜🎜7 vscode-Symbole 🎜🎜🎜vscode-iconsErsetzen Sie VSCode-Dateien durch besser aussehende Symbole. 🎜🎜🎜

Programmierkurs ( Frontend)

🎜🎜1 Vetur🎜🎜🎜Vetur bietet Syntaxhervorhebung, intelligente Erkennung usw. für Vue-Projekte. 🎜🎜🎜🎜🎜2 Auto-Close-Tag 🎜🎜🎜Tag automatisch schließenHTML/XML-Tags automatisch schließen. 🎜🎜🎜🎜🎜3 Tag automatisch umbenennen 🎜🎜🎜Tag automatisch umbenennen HTML/XML-Tags automatisch umbenennen. 🎜🎜🎜🎜🎜4 Format: CSS /LESS/SCSS formatter🎜🎜🎜formate: CSS/LESS/SCSS formatterFormatiert CSS/LESS/SCSS, um die Lesbarkeit zu verbessern. 🎜🎜🎜🎜🎜5 Live Server 🎜 🎜🎜 Live Server startet einen lokalen Entwicklungsserver mit Live-Neuladefunktionen für statische und dynamische Seiten. 🎜🎜🎜🎜🎜6 Debugger für Chrome 🎜🎜🎜Debugger für Chrome bettet das JS-Code-Debugging in den Chrome-Browser ein. 🎜🎜🎜

Programmierkurs ( C/C++)

🎜🎜1 C/C++🎜🎜🎜C/C++ fügt Sprachunterstützung für C/C++ zu VSCode hinzu, einschließlich Funktionen wie IntelliSense und Debugging. 🎜🎜🎜🎜🎜2 C++ Intellisense 🎜 🎜🎜C++ Intellisense fügt VSCode die intelligente Wahrnehmung von C/C++ hinzu. 🎜🎜🎜🎜🎜3 CMake Tools 🎜 🎜🎜CMake Tools fügt CMake-Unterstützung und -Bewusstsein zu VSCode hinzu. 🎜🎜🎜

Programmierkurs ( Python)

🎜🎜1 Python🎜🎜🎜Python fügt Sprachunterstützung für Python zu VSCode hinzu, einschließlich Funktionen wie IntelliSense und Debugging. 🎜🎜🎜🎜🎜2 Jupyter🎜 🎜 🎜Jupyter fügt VSCode funktionale Unterstützung für Jupyter Notebook hinzu. 🎜🎜🎜

Effizienzklasse 🎜🎜1 Git Graph🎜🎜🎜Git GraphVisualisieren Sie Ihren Git-Übermittlungsprozess. 🎜🎜🎜🎜🎜2 koroFileHeader🎜 🎜 🎜koroFileHeader wird zum Formatieren und Generieren von Datei-Header-Kommentaren und Funktionskommentaren verwendet. 🎜🎜🎜🎜🎜3 Code Runner 🎜 🎜🎜Code Runner wird verwendet, um Codefragmente oder Dateien in mehreren Sprachen direkt auszuführen. 🎜🎜🎜🎜🎜4 Bessere Kommentare 🎜 🎜🎜Bessere Kommentare bietet die Hervorhebung verschiedener spezifischer Kommentartypen für Codekommentare. 🎜🎜🎜🎜

5 CodeTime

CodeTime bietet täglich eine Datenanalyse Ihrer Codierungszeit.

Weitere Informationen zu VSCode finden Sie unter: vscode-Tutorial! !

Das obige ist der detaillierte Inhalt von[Hematemesis-Zusammenfassung] 23 VSCode-Plug-Ins, die Ihnen helfen, die Entwicklungseffizienz und Ästhetik zu verbessern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!