Inhaltsverzeichnis
1. Erweiterung
三、个人首选项配置(仅供参考)
Heim Entwicklungswerkzeuge VSCode [Sehr empfehlenswert] Die neueste Zusammenfassung der VSCode-Erweiterung!

[Sehr empfehlenswert] Die neueste Zusammenfassung der VSCode-Erweiterung!

Sep 26, 2021 pm 02:59 PM
vscode

Der folgende Artikel stellt Ihnen häufig verwendete VSCode-Erweiterungen vor. Ich hoffe, er wird Ihnen hilfreich sein!

1. Erweiterung

Tag automatisch schließenHTML-Tags automatisch schließen Automatischer ImportImporttippsAutomatisches Umbenennen HTML-Tags ändern, passende Tags automatisch ändernBabel JavaScriptBabel-Plugin, SyntaxhervorhebungBabelrc.babelrc-DateihervorhebungstippsCSS/Sass CSS/Sass/ verschönern Weniger Formatierung. Bracket-Objektiv CSS-in-JS-Hervorhebung und TransformationenIntegrierter DashChrome debuggen Erstellung von Anmerkungsdokumenten.env-Dateihervorhebung CSV-Dateien bearbeitenFile PeekSuchen Sie schnell die Datei anhand des Pfads. stringDatei GrößeStatus Balkenanzeige Aktuelle Dateigröße ftp-syncGit BlameGit-DateiverlaufGit GraphGit-Verlauf (Git-Protokoll)HTML-CSS-UnterstützungHTMLHinthtmltagwraphtmltagwrapBeautify importieren?? EinzugshervorhebungAusgabe-Kolorierer.Farbige Ausgabeinformationen.Teilweise. Diff ParameterhinweisePfad. AutovervollständigungPath IntellisensePolacodePostCss-SortierungPrettier – Codeformatierer„React Typescript Snippet“ Die Datei vscode-random? Unterstützt das Springen zur Vue-KomponentendefinitionsdateiWallaby.jsWrap Console Log Lite

Name:

Bessere Kommentare

Tipp bei geschlossenen Klammern. Code am Kopf der Klammern

Kann ich verwenden

Browserkompatibilitätsprüfung für HTML5, CSS3, SVG

Codeübersicht

Codestrukturbaum anzeigen

Code Runner

Ausgewähltes Code-Snippet ausführen (unterstützt die meisten Sprachen)

Code-Rechtschreibprüfung

Wort-Rechtschreibprüfung

. CodeBing

Fast Open Bing und suchen, können Sie die Suchmaschine konfigurieren

Farbhervorhebung

Farbwerte werden im Code hervorgehoben

Farbinfo

Kleines Fenster zur Anzeige von Farbwerten, RGB, HSL, CMYK, Hex und mehr. Farbauswahl. Farbauswahl. CSS-in-JS

Dash

Debugger für Chrome

Dokumentieren Sie dies

DotENV

CSV bearbeiten

EditorConfig für VS Code

EditorConfig Plugin

Emoji

Eingeben ji im Code

endy

Springen Sie mit dem Eingabecursor an das Ende der aktuellen Zeile ES Lint

ESLint-Plug-in, Highlight-Tipps

FontAwesome Tipp-Code-Segment

Dateien mit FTP synchronisieren

Zeigen Sie die Git-Informationen der aktuellen Zeile im an Statusleiste

Durchsuchen Sie schnell den Verlauf einzelner Datei-Commit-Änderungen

Git-Grafikansicht, praktisches Durchsuchen und betreiben

Sehen Sie sich das Git-Protokoll an

Git Tree Compare

Git Tree-Vergleich, um die Unterschiede zwischen verschiedenen Zweigen zu sehen

. gitignore

Syntax der .gitignore-Datei QL für VSCode

graphql-Highlights und Tipps

Anleitungen

Highlight-Einrückungsrichtlinien

Gulp Snippets

Gulp-Ausschnitt

Markieren Sie passende Tags. Markieren Sie passende ausgewählte Tags. Markieren Sie passende Tags

CSS-Hinweise (Vue unterstützt)

HTML-Format-Tipps

HTML-Tags schnell umschließen

Einschließlich HTML

Gruppierung, Sortierung, Formatierung importieren

IntelliSense für CSS-Klassennamen. Tipps zur Eingabe von CSS-Klassen Haustier

JavaScript-Standard Stil: Standardstil: Jest Runner: Jest Runner

JS Refactor

Code-Rekonstruktionstool, Extrahierungsfunktionen, Umbenennen von Variablen usw

Formatieren und komprimieren Sie JSON.

jumpy

Schnell zur angegebenen Wortposition springen

Hervorhebung der Stiftsyntax und Tipps

Weniger IntelliSense

weniger Variablen und Mixin-Tipps

Lodash

Lodash-Code-Snippet

Log Wrapper

Produktionscode zum Drucken ausgewählter Variablen

Markdownlint

Markdown-Format. Tipps

Mokka S-Schnipsel

Mokka-Schnipsel

Knotenmodule auflösen

Navigieren Sie schnell zu Knotenmodulen

npm

Führen Sie npm-Befehle aus

npm Intellisense

Beim Importieren eines Moduls wird der Name des installierten Moduls angezeigt.

Vergleichen Sie zwei Codeteile oder Datei

Parameternamen beim Funktionsaufruf angeben

Tipps zur Pfadvervollständigung

Ein weiterer Tipp zur Pfadvervollständigung

Code in Bilder generieren

CSS-Sortierung

Prettier offizielles Plug-in

JSON verschönern

JSON formatieren

Projektmanager

Projekte schnell wechseln

Quokka.js

Eine manuelle Ausführung ist nicht erforderlich, variable Ergebnisse werden inline angezeigt Reagieren Sie auf einheimische Bilderbücher

Storybook-Vorschau-Plug-in, unterstützt React

React Playground

bietet eine Reaktionskomponenten-Laufumgebung für den Editor, um das Debuggen zu erleichtern

Reagieren Codeausschnitte im Standardstil

Codeblock im Standardstil reagieren

REST-Client

HTTP-Anfrage im REST-Stil senden

Sass

Sass-Plugin

Einstellungen synchronisieren

VSCode-Einstellungen mit Gist synchronisiert

Sortierlinien

Ausgewählte Zeilen sortieren

Typoskript-Importe sortieren

Typoskript-Importsortierung

String-Manipulation

String-Konvertierungsverarbeitung (Kamelbuchstaben, Großbuchstaben, Unterstrich usw.)

stylelint

CSS/Sass/weniger Code-Stil

SVG Viewer

SV G Viewer

Synchronisierung

vscode-Einstellungen mit Gist synchronisiert

Testspezifikationsgenerator

Testfallgenerierung (unterstützt Chai, Should, Jasmine)

TODO-Parser

Todo-Verwaltung

Todo-Todo-Baum

Sammeln Sie TODO-Kommentare im Code und unterstützen Sie schnell Zitate umschalten JS-Anführungszeichen in " -> ' -> `

TS/JS-Postfix-Vervollständigung

ts/js-Suffix-Eingabeaufforderung

T SLint

TypeScript Hero: TypeScript-Hilfs-Plug-in, Import, Gliederung usw. verwalten

TypeScript-Importsortierer

Sortierung importieren

Typescript React-Codeschnipsel

package.json zeigt, dass das Modul ist derzeit Version und neueste Version

vetur

Vue. Plugin

Volar

Vue-Plug-in, unterstützt Vue3

Knotenpaket anzeigen

Öffnen Sie schnell die Startseite und das Code-Repository des ausgewählten Moduls

Visual Studio IntelliCode

AI-basierter Code Aufforderungen

VS Live Share

Echtzeit-Multiplayer-Unterstützung

VSCode Great Icons

Dateisymbol. Erweiterung

vscode-Datenbank

Betreiben Sie die Datenbank, unterstützen Sie MySQL und Postgres

Zufälliger String-Generator gestylte Komponenten

Hervorhebung gestylter Komponenten Unterstützung

„Vue TypeScript Snippets“ s (einschließlich Vue2 API, Vue-Router2, Vuex2)

Echtzeit-Test-Plug-in

.log

2. Thema

Atom One Light Theme
Enki-ThemaGitHub Theme


bluloco-dark

bluloco-light

[Sehr empfehlenswert] Die neueste Zusammenfassung der VSCode-Erweiterung!


[Sehr empfehlenswert] Die neueste Zusammenfassung der VSCode-Erweiterung!
eppz (C#-Theme für Unity)


Eva-Theme

[Sehr empfehlenswert] Die neueste Zusammenfassung der VSCode-Erweiterung!


Flache Benutzeroberfläche


Monokai Pro


New Moon VSCode


One Dark Pro


Plastic


spacegray-vscode

[Sehr empfehlenswert] Die neueste Zusammenfassung der VSCode-Erweiterung!

Splus

[Sehr empfehlenswert] Die neueste Zusammenfassung der VSCode-Erweiterung!

三、个人首选项配置(仅供参考)

{  "breadcrumbs.enabled": true,  "editor.tabSize": 2,  "editor.renderWhitespace": "boundary",  "editor.cursorBlinking": "smooth",  "editor.minimap.renderCharacters": false,  "editor.fontFamily": "'Fira Code', 'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'",  "editor.fontLigatures": true,  "explorer.confirmDragAndDrop": false,  "extensions.autoUpdate": false,  "files.insertFinalNewline": true,  "git.autofetch": true,  "git.path": "F:\\Program Files\\Git\\cmd\\git.exe",  "search.exclude": {    "**/node_modules": true,    "**/dist": true
  },  "typescript.locale": "en",  "window.titleBarStyle": "custom",  "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",  "window.zoomLevel": 1,  "workbench.activityBar.visible": true,  "workbench.colorTheme": "Plastic - deprioritised punctuation",  "workbench.iconTheme": "vscode-great-icons",  "workbench.startupEditor": "newUntitledFile",  "eslint.autoFixOnSave": true,  "eslint.validate": ["javascript", "javascriptreact", "vue"],  "vsicons.projectDetection.autoReload": true,  "vsicons.dontShowNewVersionMessage": true,  "tslint.autoFixOnSave": true,  "debugwrapper.wrappers": {    "default": "console.log('$eSEL', $SEL)"
  },  "prettier.tslintIntegration": true,  "cSpell.userWords": [    "Unmount"
  ],  "jest.autoEnable": false,
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt von[Sehr empfehlenswert] Die neueste Zusammenfassung der VSCode-Erweiterung!. 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

Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
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)

So zeigen Sie Word-Dokumente in vscode an. So zeigen Sie Word-Dokumente in vscode an So zeigen Sie Word-Dokumente in vscode an. So zeigen Sie Word-Dokumente in vscode an May 09, 2024 am 09:37 AM

Öffnen Sie zunächst die vscode-Software auf dem Computer, klicken Sie links auf das Symbol [Erweiterung], wie in ① in der Abbildung gezeigt. Geben Sie dann [officeviewer] in das Suchfeld der Erweiterungsoberfläche ein, wie in ② in der Abbildung gezeigt Wählen Sie dann aus der Suche [officeviewer] aus, um die Ergebnisse zu installieren, wie in ③ in der Abbildung gezeigt. Öffnen Sie schließlich die Datei, z. B. docx, pdf usw., wie unten gezeigt

So zeichnen Sie ein Flussdiagramm mit vscode_So zeichnen Sie ein Flussdiagramm mit visual_studio-Code So zeichnen Sie ein Flussdiagramm mit vscode_So zeichnen Sie ein Flussdiagramm mit visual_studio-Code Apr 23, 2024 pm 02:13 PM

Öffnen Sie zunächst den Visual Studio-Code auf dem Computer, klicken Sie auf die vier quadratischen Schaltflächen auf der linken Seite, geben Sie dann draw.io in das Suchfeld ein, um das Plug-In abzufragen, und klicken Sie auf „Installieren“. Erstellen Sie dann eine neue test.drawio-Datei Wählen Sie die Datei „test.drawio“ aus und rufen Sie den Bearbeitungsmodus auf der linken Seite auf. Klicken Sie nach dem Zeichnen auf „Datei“ → „Einbetten“ und dann auf „SVG kopieren“. Code. Fügen Sie den kopierten SVG-Code in den HTML-Code ein. Klicken Sie auf das Bild auf der Webseite. Auf dieser Seite können Sie hinein- und herauszoomen Hier klicken wir auf das Bleistiftmuster in der unteren rechten Ecke, um zur Webseite zu springen.

Wie schreibe ich Maude in Vscode_Wie schreibe ich Maude in Vscode Wie schreibe ich Maude in Vscode_Wie schreibe ich Maude in Vscode Apr 23, 2024 am 10:25 AM

Zunächst können Sie im vscode-Plugin-Manager nach dem Maude-Plugin suchen. Erstellen Sie dann eine neue Datei mit der Erweiterung maude, um die Codefragmente und die Syntaxhervorhebung von maude zu verwenden. Terminal -> Neues Terminal kann das integrierte vscode-Terminal im aktuellen Ordner öffnen, um das Maude- oder Full-Maude-Programm auszuführen. Im offiziellen Tutorial von Maude gibt es auch Beispiele für http-Clients, die wie in der Abbildung gezeigt aufgerufen und ausgeführt werden können. Wenn Sie Dateien mit der Erweiterung „fm“ verknüpfen möchten, öffnen Sie die Einstellungen, suchen Sie in den Benutzereinstellungen nach Dateizuordnungen und öffnen Sie „settings.json“. Fügen Sie einfach einen Eintrag zur Dateizuordnung hinzu, also den Eintrag von *.fm bis maude. Aber voll

Caltech-Chinesen nutzen KI, um mathematische Beweise zu untergraben! Beschleunigen Sie 5-mal schockiert Tao Zhexuan, 80 % der mathematischen Schritte sind vollständig automatisiert Caltech-Chinesen nutzen KI, um mathematische Beweise zu untergraben! Beschleunigen Sie 5-mal schockiert Tao Zhexuan, 80 % der mathematischen Schritte sind vollständig automatisiert Apr 23, 2024 pm 03:01 PM

LeanCopilot, dieses formale Mathematikwerkzeug, das von vielen Mathematikern wie Terence Tao gelobt wurde, hat sich erneut weiterentwickelt? Soeben gab Caltech-Professorin Anima Anandkumar bekannt, dass das Team eine erweiterte Version des LeanCopilot-Papiers veröffentlicht und die Codebasis aktualisiert hat. Adresse des Bildpapiers: https://arxiv.org/pdf/2404.12534.pdf Die neuesten Experimente zeigen, dass dieses Copilot-Tool mehr als 80 % der mathematischen Beweisschritte automatisieren kann! Dieser Rekord ist 2,3-mal besser als der vorherige Basiswert von Aesop. Und wie zuvor ist es Open Source unter der MIT-Lizenz. Auf dem Bild ist er Song Peiyang, ein chinesischer Junge

So aktivieren Sie Hintergrundaktualisierungen in vscode. So aktivieren Sie Hintergrundaktualisierungen in vscode So aktivieren Sie Hintergrundaktualisierungen in vscode. So aktivieren Sie Hintergrundaktualisierungen in vscode May 09, 2024 am 09:52 AM

1. Klicken Sie nach dem Öffnen der Benutzeroberfläche zunächst auf das Dateimenü in der oberen linken Ecke. 3. Klicken Sie dann auf die Schaltfläche „Einstellungen“, die angezeigt wird. 4. Klicken Sie abschließend mit der Maus, um die Schaltfläche „Laden Sie die neue VSCode-Version herunter“ im Hintergrund unter Windows zu aktivieren und zu aktivieren, und starten Sie das Programm neu.

So fügen Sie Dateien zum vscode-Arbeitsbereich hinzu. So fügen Sie Dateien zum vscode-Arbeitsbereich hinzu So fügen Sie Dateien zum vscode-Arbeitsbereich hinzu. So fügen Sie Dateien zum vscode-Arbeitsbereich hinzu May 09, 2024 am 09:43 AM

1. Öffnen Sie zunächst die vscode-Software, klicken Sie auf das Explorer-Symbol und suchen Sie das Arbeitsbereichsfenster. 2. Klicken Sie dann auf das Dateimenü in der oberen linken Ecke und suchen Sie nach der Option „Ordner zum Arbeitsbereich hinzufügen“. 3. Suchen Sie schließlich den Speicherort des Ordners im Klicken Sie auf der lokalen Festplatte auf die Schaltfläche „Hinzufügen“.

So deaktivieren Sie die WSL-Konfigurationsdatei in vscode. So deaktivieren Sie die WSL-Konfigurationsdatei in vscode So deaktivieren Sie die WSL-Konfigurationsdatei in vscode. So deaktivieren Sie die WSL-Konfigurationsdatei in vscode May 09, 2024 am 10:30 AM

1. Öffnen Sie zunächst die Option „Einstellungen“ im Einstellungsmenü. 2. Suchen Sie dann die Spalte „Terminal“ auf der häufig verwendeten Seite. 3. Deaktivieren Sie abschließend die Schaltfläche „usewslprofiles“ auf der rechten Seite der Spalte.

So stellen Sie das sanfte Einfügen von Animationen in VScode ein VScode-Tutorial zum Festlegen des sanften Einfügens von Animationen So stellen Sie das sanfte Einfügen von Animationen in VScode ein VScode-Tutorial zum Festlegen des sanften Einfügens von Animationen May 09, 2024 am 09:49 AM

1. Klicken Sie nach dem Öffnen der Benutzeroberfläche zunächst auf die Arbeitsbereichsoberfläche. 2. Klicken Sie dann im geöffneten Bearbeitungsbereich auf das Menü „Datei“. 3. Klicken Sie dann auf die Schaltfläche „Einstellungen“ in der Spalte „Einstellungen“. 4. Klicken Sie abschließend mit der Maus, um die CursorSmoothCaretAnimation zu überprüfen Klicken Sie auf die Schaltfläche und speichern Sie es. Stellen Sie es einfach ein

See all articles