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!](https://img.php.cn/upload/article/000/000/024/60f4de18891e5990.jpg)
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
![162666000171406Diese 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!](https://img.php.cn/upload/image/410/413/104/162666000171406Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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. ![162666001173341Diese 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!](https://img.php.cn/upload/image/835/755/273/162666001173341Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
Wenn ich zum Beispiel nach @babel/core suche:
Sehen Sie, gibt es mehr als das, was in der kleinen Box links angezeigt wird?
![162666002439009Diese 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!](https://img.php.cn/upload/image/668/540/386/162666002439009Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
Im Vergleich sehen Sie, dass die Suchergebnisse auf der rechten Seite übersichtlicher sind, da mehrere Zeilen angezeigt werden.
![162666003190985Diese 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!](https://img.php.cn/upload/image/583/533/905/162666003190985Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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. ![162666003934898Diese 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!](https://img.php.cn/upload/image/567/338/952/162666003934898Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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:
![162666004637213Diese 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!](https://img.php.cn/upload/image/212/257/905/162666004637213Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
Ein-Klick-Vorschau von Markdown im Editor![162666005215797Diese 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!](https://img.php.cn/upload/image/508/705/643/162666005215797Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
Muss für Markdown ein Plug-in installiert werden? Nein, vscode selbst verfügt über diese integrierte Funktion.
![162666006293722Diese 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!](https://img.php.cn/upload/image/530/118/372/162666006293722Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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.
![162666006881155Diese 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!](https://img.php.cn/upload/image/889/989/407/162666006881155Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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ückzukehren![162666007756725Diese 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!](https://img.php.cn/upload/image/877/596/155/162666007756725Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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.
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
![162666014263656Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern! 1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!](https://img.php.cn/upload/image/492/784/369/162666014263656Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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. ![1626660152407040.png 1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!](https://img.php.cn/upload/image/879/608/981/1626660152407040.png)
Zeilen schnell löschen![162666015724930Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern! 1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!](https://img.php.cn/upload/image/662/801/936/162666015724930Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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.
![162666016210503Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern! 1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!](https://img.php.cn/upload/image/375/617/230/162666016210503Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
Zum Beispiel einfach Befehl + P drücken, ohne die Umschalttaste zu drücken. Zu diesem Zeitpunkt suchen Sie nach Dateien.
![162666016738852Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern! 1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!](https://img.php.cn/upload/image/431/767/380/162666016738852Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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.
![162666017258177Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern! 1Diese vscode-Tipps, die Sie vielleicht nicht kennen, können Ihnen helfen, Ihre Entwicklungseffizienz zu verbessern!](https://img.php.cn/upload/image/833/111/913/162666017258177Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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. ![162666018357300Diese 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!](https://img.php.cn/upload/image/852/237/984/162666018357300Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
![162666018920509Diese 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!](https://img.php.cn/upload/image/352/150/390/162666018920509Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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
Auf einer neuen Seite suchen
Git-Ansicht zeigt den Verzeichnisbaum an![162666020115146Diese 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!](https://img.php.cn/upload/image/598/445/407/162666020115146Diese%20vscode-Tipps,%20die%20Sie%20vielleicht%20nicht%20kennen,%20k%C3%B6nnen%20Ihnen%20helfen,%20Ihre%20Entwicklungseffizienz%20zu%20verbessern!)
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!