Heim > Entwicklungswerkzeuge > VSCode > Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

青灯夜游
Freigeben: 2021-07-29 09:34:57
nach vorne
3144 Leute haben es durchsucht

Dieser Artikel gibt Ihnen einige vscode-Tipps, die Sie vielleicht noch nicht kennen. Damit können Sie Code effizienter schreiben und die Entwicklungseffizienz verbessern.

Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

vscode ist ein häufig verwendeter Editor, wenn wir Code schreiben. Er hat viele Funktionen, aber tatsächlich haben wir viele davon nicht verwendet, um die Dinge zu klären, die Sie vielleicht nicht kennen, die aber die Effizienz verbessern können . Einige hilfreiche Tipps. [Empfohlenes Lernen: „vscode-Tutorial“]

Beinhaltet:

  • Ein-Klick-Ausführung von npm-Skripten
  • Ein-Klick-Diff und Vorschau
  • Suche auf einer neuen Seite
  • Git-Ansicht zeigt den Verzeichnisbaum
  • Öffnen Sie Dateien in einem neuen Editor.
  • Zeilen beim Bearbeiten schnell löschen, kopieren und verschieben.
  • Dateien global durchsuchen, zu einer bestimmten Zeile springen Skripte über die Befehlszeile? Das liegt daran, dass Sie diese mit vscode gelieferte Funktion nicht verwendet haben.

vscode scannt alle NPM-Skripte und listet sie auf. Klicken Sie auf „Direkt ausführen“, um das Terminal zum Ausführen zu öffnen. Höhere Versionen von vscode können auch direkt mit Debug ausgeführt werden. Sie müssen npm run xxx nicht selbst eingeben.

Öffnen Sie eine Datei in der Seitenleiste

Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Wenn Sie eine Datei öffnen, wird sie standardmäßig im aktuellen Editor geöffnet. Was ist, wenn Sie einen neuen Editor öffnen möchten? Zu diesem Zeitpunkt können Sie die Optionstaste gedrückt halten und auf die Datei klicken. Daraufhin wird ein neuer Editor zum Öffnen der Datei geöffnet.

Da vscode standardmäßig eine neue Datei im aktuellen Editor öffnet, ist es ziemlich mühsam, wenn Sie nicht wissen, wie Sie einen neuen Editor öffnen, indem Sie die Optionstaste gedrückt halten und klicken.

Leistungsstärkere Suche

Es gibt eine Schaltfläche im Suchfeld, die vielen Schülern möglicherweise nicht aufgefallen ist. Nach dem Klicken wird die Suchseite für die Suche geöffnet, die umfangreicher ist und mehr Zeilen enthält. Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Wenn ich zum Beispiel nach @babel/core suche:

Sehen Sie, gibt es mehr als das, was in der kleinen Box links angezeigt wird?

Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Im Vergleich sehen Sie, dass die Suchergebnisse auf der rechten Seite übersichtlicher sind, da mehrere Zeilen angezeigt werden.

Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Dateidiff zeigt Verzeichnisinformationen an

Wenn wir mehrere Dateien ändern, werden sie in der Liste der Quellcodeverwaltung aufgeführt. Dies ist besonders unintuitiv, wenn es mehrere Dateien mit demselben Namen gibt. Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Zu diesem Zeitpunkt können Sie tatsächlich zur Baumansicht wechseln, um den Verzeichnisbaum anzuzeigen.

Wenn mehrere Dateien mit demselben Namen vorhanden sind, wird dies viel klarer:

Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Ein-Klick-Vorschau von Markdown im EditorDiese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Muss für Markdown ein Plug-in installiert werden? Nein, vscode selbst verfügt über diese integrierte Funktion.

Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

In der oberen rechten Ecke befindet sich eine Vorschauschaltfläche. Wenn Sie darauf klicken, wird die Markdown-Vorschauoberfläche geöffnet und Sie können erneut klicken, um die Vorschau im selben Fenster zu öffnen. Klicken Sie nach der Vorschau auf die Schaltfläche „Quelle anzeigen“, um zurückzugehen.

Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Ein-Klick-Diff im Bearbeitungsbereich , können Sie auf „Bearbeiten“ klicken. Klicken Sie auf die Schaltfläche in der oberen rechten Ecke des Bereichs, um Diff direkt zu öffnen. Viele Schüler bemerken diese Schaltflächen möglicherweise nicht, aber sie sind tatsächlich sehr nützlich.

Klicken Sie erneut, um zum Dateibearbeitungsstatus zurückzukehrenDiese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Wenn Sie sich die Funktionsbeschreibung zum Öffnen von Änderungen und zum Öffnen von Dateien ansehen, ist es offensichtlich, dass sie zum Wechseln zwischen der Diff-Ansicht und der Dateibearbeitungsansicht verwendet wird.

Diff-Ansicht wechselt schnell zwischen Diffs

Wenn der Dateiinhalt sehr groß ist, z. B. Tausende von Zeilen, ist es immer noch mühsam, den Diff zu finden. Tatsächlich müssen Sie nicht selbst danach suchen und es ist leicht zu übersehen. Der vscode-Editor bietet Auf- und Ab-Schaltflächen, um direkt zum vorherigen Diff und nächsten Diff zu springen. Ein-Klick-Vorschau und Ein-Klick-Vorschau. Klicken Sie auf Diff, was die Effizienz verbessern kann.

1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!Eingang zur Schnellsuchfunktion

Wissen Sie, dass vscode eine bestimmte Funktion hat, wissen aber nicht, wo sich der Eingang befindet? Benutzen Sie einfach das Suchfeld unter „Hilfe“ und die Suchergebnisse zeigen direkt an, welche Schaltflächen sich in welchem ​​Menü befinden.

Bearbeiten von Tastenkombinationen

1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Die Hauptfunktion des Editors ist das Bearbeiten, aber tatsächlich gibt es in vscode viele Bearbeitungsfunktionen, die Sie möglicherweise nicht haben. Lassen Sie mich sie auflisten.

Zeilen nach oben und unten verschieben/kopieren

Was tun, wenn Sie den Inhalt einer Zeile nach oben oder unten verschieben?

Manuelles Ausschneiden und Einfügen ist zu ineffizient. Versuchen Sie es mit den Tastenkombinationen Option + Auf/Ab, um eine Zeile mit Inhalt schnell nach oben oder unten zu verschieben.

Möchten Sie beim Umzug kopieren? Halten Sie einfach erneut die Umschalttaste gedrückt. 1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Zeilen schnell löschen1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Wir wissen, wie man Zeilen schnell kopiert, aber wie sieht es mit dem schnellen Löschen von Zeilen aus? Drücken Sie einfach Befehl + Umschalt + K.

Wenn Sie mehrere Zeilen löschen möchten, wählen Sie diese zuerst aus und drücken Sie dann Befehl + Umschalt + k.

Multi-Cursor-Bearbeitung gleichzeitig

Den Inhalt an mehreren Stellen gleichzeitig ändern? Halten Sie einfach die Optionstaste gedrückt und klicken Sie auf die Stelle, die Sie ändern möchten.

Was ist, wenn der Auf- und Abwärtsverkehr am selben Ort stattfindet? Verwenden Sie dann Option + Befehl + Auf/Ab, um den Cursor an derselben Position mehrerer Zeilen einzufügen. Mit Befehl + Umschalt + P verwandt wissen.

1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Zum Beispiel einfach Befehl + P drücken, ohne die Umschalttaste zu drücken. Zu diesem Zeitpunkt suchen Sie nach Dateien.

1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Drücken Sie beispielsweise direkt Strg + G oder geben Sie einen Doppelpunkt in das Eingabefeld ein, was bedeutet, dass die Sprungzeilennummer folgt und Sie schnell zu einer bestimmten Zeile springen können

Natürlich, Sie können bei der Suche nach der Dateinummer auch Doppelpunkte und Zeilen hinzufügen, um schnell zu dieser Zeile der Datei zu springen.

1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern! Wechseln Sie schnell zwischen Groß- und Kleinschreibung.

Es gibt auch eine kleine Funktion, es gibt eine integrierte Funktion zum Umschalten von Groß- und Kleinbuchstaben, mit der Sie schnell zwischen Groß- und Kleinschreibung des ausgewählten Inhalts wechseln können. 2Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

2Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

ZusammenfassungIn diesem Artikel wurden einige Funktionen in vscode herausgesucht, die die Effizienz verbessern können, was Ihnen vielleicht nicht aufgefallen ist.

Diff und Vorschau mit einem Klick

2Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!Auf einer neuen Seite suchen

Git-Ansicht zeigt den Verzeichnisbaum an2Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!

Ein-Klick-Ausführung von NPM-Skripten

Öffnen Sie die Datei in einem neuen Editor

Schnell löschen, kopieren und Verschieben Sie Zeilen beim Bearbeiten

Globale Suche nach Dateien, Springen zu einer bestimmten Zeile
  • Schnelles Wechseln der Groß-/Kleinschreibung
  • Wenn ich mit der Verwendung dieser Funktionen vertraut bin, glaube ich, dass dies die Effizienz unserer täglichen Entwicklung verbessern wird. Es ist sehr sinnvoll zu lernen die Fähigkeiten, Werkzeuge zum täglichen Schreiben von Code zu verwenden.
  • Weitere Kenntnisse zum Thema Programmierung finden Sie unter:
  • Programmiervideos
  • ! !

Das obige ist der detaillierte Inhalt vonDiese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:juejin.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage