Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

青灯夜游
Freigeben: 2022-11-04 09:56:53
nach vorne
3034 Leute haben es durchsucht

In diesem Artikel werden Sie über die Cursoroperationen in vscode sprechen. In diesem Artikel werden nur die Cursoroperationen behandelt, die am engsten mit uns zusammenhängen, also fangen wir an!

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

Wir haben nur ein Ziel, lasst uns unseren Slogan rufen: Machen Sie die Entwicklung so reibungslos wie Seide! Die meisten Beispiele im Artikel basieren auf der Mac-Version, da ich ein Mac bin, aber über die Win-Version besteht kein Grund zur Sorge. Wenn Sie die Formation durchbrechen möchten, denken Sie daran: Befehl ist die Strg-Taste .

vscode-Tipps – Cursor-Bedienung

Wir verwenden die Pfeiltasten jeden Tag, um den Cursor zu bedienen. Tatsächlich nutzen wir viele seiner Techniken auch unbewusst in unserem täglichen Muskelgedächtnis, wie zum Beispiel das Gedrückthalten der cmd-Taste, um zu zu gehen Die erste Zeile der Zeile, aber es ist schwer zusammenzufassen, das Gefühl, von einem Blatt bedeckt zu sein. Lassen Sie mich einen bahnbrechenden Punkt nennen: Granularität. In unserem täglichen Gebrauch haben die Pfeiltasten links und rechts nur ein Zeichen, d. h. Granularität ist ein Zeichen. Wenn wir an das Ende eines Wortes oder Satzes denken, markiert dieser Satz tatsächlich unseren Fokus: Granularität ; Wie funktioniert die Cursor-Granularität? [Empfohlenes Lernen: „vscode-Tutorial“]

Horizontale Richtung

Kombiniert mit den Pfeiltasten

Körnigkeit mac win
Wörter Option Strg
Zeile cmd nur Pos1/Ende verwenden
Codeblock cmd + Umschalt + Strg + Umschalt +

In vertikaler Richtung

Granularität mac win
Anfang/Ende des Artikels Cmd + Auf- und Ab-Pfeiltasten Strg + Pos1-/Ende-Taste
Bewegen Sie die aktuelle Codezeile nach oben/unten Wahltaste + Aufwärts- und Abwärtspfeiltasten

Hinweis: [In der aktuellen Zeile nach oben/unten bewegen] ist keine Cursoroperation, sondern eine Codeblockoperation (da die Cursoroperation direkt mit dem Pfeil ausgeführt werden kann). Tasten), aber es ist sehr gut geeignet, hier platziert zu werden. Es kann der horizontalen Richtung entsprechen: Zeilen-Cmd-Wortoption; Vertikale Dokument-Cmd-Zeilenoption;

Bedeutungmac

winStrg + U tr>
Cursorverarbeitung rückgängig machen Cmd + U

Erweiterung: Bei der [Auswählen]-Operation muss nur die [Umschalt]-Operation hinzugefügt werden; die Granularität der [Löschen]-Operation ist dieselbe wie bei der Cursoroperation, in der entgegengesetzten Richtung fügen Sie einfach fn hinzu (z. B. das Löschen des Cursors). in der Zeile Der gesamte Inhalt vor dem Cursor ist [cmd+delete] und der Inhalt nach dem Cursor ist [cmd+fn +delete])fn即可(如删除所在行光标前所有内容为【cmd+delete】而光标后内容则为【cmd+fn+delete】)

光标操作实例

针对单词的光标移动

想把光标直接移动到整个单词,也就是 function 的前面或后面,你只需按下 Option(Windows 上是 Ctrl 键)和左方向键。

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

光标移动到行首或者行末

按住 Cmd + 左方向键(Windows 上是 Home 键),就可以把光标移动到了这行的第一列

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

移动到文档的第一行或者最后一行

按下 Cmd 和上下方向键即可(Windows 上是 Ctrl + Home/End 键)

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

代码块的移动

Cmd + Shift + (Windows 上是 Ctrl + Shift + ),就可以在这对花括号之间跳转。

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

当前行上/下移

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

其他光标操作

撤销光标处理

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

多光标操作

        至此,我们已经了解了单光标的移动,选中(其实就是移动加上shift键),删除(选中加delete

Beispiel für die Cursorbedienung

Cursorbewegung für Wörter

Wenn Sie den Cursor direkt auf das gesamte Wort bewegen möchten, heißt das , vor oder nach der Funktion, Sie müssen nur die Wahltaste (Strg-Taste unter Windows) und die linke Pfeiltaste drücken.

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

Bewegen Sie den Cursor an den Anfang oder das Ende der ZeileHalten Sie die Befehlstaste + linke Pfeiltaste (Home-Taste unter Windows) gedrückt, um den Cursor an die erste Spalte der Zeile zu bewegen

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!Gehen Sie zum ersten oder letzten Zeile des Dokuments Drücken Sie Cmd und die Auf- und Abwärtspfeiltasten (Strg + Pos1/Ende-Tasten unter Windows)Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!CodeblockbewegungCmd + Umschalt + (Strg + Umschalt + unter Windows) können Sie Springen Sie zwischen dieses Paar geschweifter Klammern. Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!Verschieben Sie die aktuelle Zeile nach oben/unten Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!Andere CursoroperationenCursorverarbeitung rückgängig machen

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

Multi-Cursor-Betrieb

Bisher haben wir die Bewegung eines einzelnen Cursors verstanden, wählen (eigentlich bewegen plus Umschalttaste), Löschen (auswählen und hinzufügen löschen) und andere Vorgänge. Was ist also, wenn wir mehrere Orte gleichzeitig bedienen müssen? Zu diesem Zeitpunkt müssen wir uns mit der erweiterten Verwendung von Cursoroperationen und Multicursoroperationen befassen. Bei diesem Thema ist der entscheidende Punkt eigentlich, wie man mehrere Cursor an der erforderlichen Stelle erstellt, da der Vorgang nach der Erstellung mit dem einzelnen Cursor übereinstimmt.

Grundlegende Bedienung – Erstellen Sie mehrere Cursor mit der MausHalten Sie die „Wahltaste“ auf der Tastatur gedrückt (Alt unter Windows) und klicken Sie dann auf die Stelle, an der Sie einen neuen Cursor erstellen möchten. Aber diese Methode ist natürlich allgemein anwendbar, aber jedes Mal, wenn wir einen Cursor erstellen, müssen wir die Position finden und darauf klicken. Nach dem 82-Prinzip können wir die 20 % verwenden Gemeinsame Operationen, wie folgt: Es werden hauptsächlich drei gängige Szenarien vorgestellt.
Effizienzbetrieb
🎜Szenen verarbeiten🎜🎜Tastenkombinationen🎜🎜Detaillierte Erklärung🎜🎜🎜🎜🎜🎜Gleiches Element🎜🎜Cmd + D🎜 🎜Wählen Sie das Element aus und drücken Sie die Tastenkombination. vscode wählt es aus das nächste identische Element und erstellen Sie einen Cursor; drücken Sie erneut, um es zu erstellen, und so weiter. 🎜🎜🎜🎜Verarbeitung nach oben und unten🎜🎜Befehlstaste + Wahltaste + Abwärtspfeiltaste🎜🎜Erstellen Sie einen Cursor unter dem aktuellen Cursor. 🎜🎜🎜🎜Mehrzeilige Verarbeitung auswählen🎜🎜Option + Umschalt + i🎜🎜Mehrere Zeilen mit Inhalt auswählen und dann die Tastenkombination drücken, vscode erstellt am Ende jeder Zeile einen Cursor🎜🎜🎜🎜🎜🎜Erweiterungen zu Cursoroperationen 🎜🎜 🎜🎜🎜Andere Cursoroperationen🎜🎜🎜🎜🎜🎜🎜 Bedeutung🎜🎜mac🎜🎜win🎜🎜🎜🎜🎜🎜Cursorverarbeitung rückgängig machen🎜🎜Befehl + Strg + U🎜 🎜🎜🎜想 Wählen Sie den Löschvorgang von Lenovo aus. [Auswählen] Der Vorgang muss nur [Umschalttaste] hinzugefügt werden; [Löschen] Die Partikelgröße des Vorgangs ist dieselbe wie bei der Cursoroperation, und die entgegengesetzte Richtung wird mit Fn verwendet ( Für Beispiel: Der Inhalt vor dem Cursor in der gelöschten Zeile ist [cmd+delete] und der Inhalt nach dem Cursor ist [cmd+fn code>+delete])

An diesem Punkt verstehen wir das grundlegende Designkonzept von vscode selbst für Cursoroperationen. Benutzerdefinierte Tastenkombinationen

fn即可(如删除所在行光标前所有内容为【cmd+delete】而光标后内容则为【cmd+fn+delete】)

        到此,我们就了解了 vscode 本身对光标操作的基本设计理念啦。

自定义快捷键

        但如果我们用不惯呢?vscode 自然也不会这么死板,它是支持为行为、也就是我们所说的命令自定义快捷键的,这里说之前困惑过我的一点,就是我们说的创建光标、移动等等对应 vscode 而言其实就是一条内嵌的命令,理解了这个,才好进行自定义,我当初没理解所以一直在想的问题是:我该怎么去翻译我要做的事情。

三步走:找到定义keyboard Shorycut的地方,找到对应的操作,为操作绑定快捷键。

Eg:为【选择括号内所有内容】的操作绑定Cmd + Shift + ]快捷键为例

找到定义keyboard Shorycut的地方

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

找到对应的操作

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

为操作绑定快捷键

双击-》按下需要绑定的快捷键-》回车确定(按错的话别回车就可以了)

这里多说一句,快捷键其本质就是行为和特定按键【在特定场景下】的绑定,在 vscode 中通过 JSON 进行描述,我们可以通过执行>Open Keyboard Shortcuts(JSON)进行查看,如果我们需要实现一个高级的快捷键,就会需要这些知识了。

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

属性 含义 备注
Command 命令值
When 在什么情况下这个快捷键绑定能够生效
Key 快捷键

其中的when的定义注意点比较多,所有取值可以查看文档

而对于高级写法,VS Code 还支持几个基础的操作符。这样我们就能够书写相对复杂的条件语句了。

  • ! 取反。比如我们希望当光标不在编辑器里时,绑定一个快捷键,那么我们可以使用 !editorFocus,使用 !进行取反。
  • == 等于。when 条件值除了是 boolean 以外,也可以是字符串。比如 resourceExtname 对应的是打开的文件的后缀名,如果我们想给 js 文件绑定一个快捷键,我们可以用 resourceExtname == .js
  • && And 操作符。我们可以将多个条件值组合使用,比如我希望当光标在编辑器里且编辑器里正在编辑的是 js 文件,那么我可以用 editorFocus && resourceExtname == .js
  • =~ 正则表达式。还是使用上面的例子,如果我要检测文件后缀是不是 js,我也可以写成 resourceExtname =~ /js/ Aber was ist, wenn wir nicht daran gewöhnt sind? Natürlich ist vscode nicht so starr. Es unterstützt das Anpassen von Tastenkombinationen für Verhaltensweisen. Hier ist ein Punkt, der mich zuvor verwirrt hat, nämlich das, was wir als „Cursor erstellen“, „verschieben“ usw. bezeichnen Tatsächlich handelt es sich um einen eingebetteten Befehl, den Sie erst dann anpassen können, wenn Sie ihn verstehen. Ich habe ihn zunächst nicht verstanden, daher war die Frage, wie ich übersetzen soll, was ich tun möchte.
Drei Schritte: Suchen Sie den Ort, an dem keyboard Shorycut definiert ist, suchen Sie die entsprechende Operation und binden Sie die Tastenkombination an die Operation.

ZB

: Binden Sie die Tastenkombination Cmd + Shift + ] für die Bedienung von [Alle Inhalte in Klammern auswählen]. Nehmen Sie zum Beispiel

Suchen Sie den Ort, an dem die Tastatur Shorycut definiert ist

Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!

Suchen die entsprechende Operation🎜🎜 🎜Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!🎜🎜🎜 ist die Verknüpfungstaste für die Vorgangsbindung🎜🎜🎜Doppelklick – „Drücken Sie die Tastenkombination, die gebunden werden muss –“ Eingabe zur Bestätigung (wenn Sie die falsche Taste drücken, drücken Sie einfach nicht die Eingabetaste)🎜🎜Noch eine Was hier zu sagen ist, das Wesentliche von Tastenkombinationen ist Verhalten und Spezifität. Die Bindung von Tasten [in bestimmten Szenarien] wird durch JSON in vscode beschrieben. Wir können es anzeigen, indem wir >Open Keyboard Shortcuts (JSON)ausführen > Wenn wir eine erweiterte Tastenkombination implementieren müssen, sind diese Kenntnisse erforderlich. 🎜🎜Es lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!🎜
Attribut Bedeutung Bemerkungen
Befehl Befehlswert 🎜
Wann Unter welchen Umständen wird diese Tastenkombination verwendet? Bindung kann wirksam werden 🎜
Taste Tastenkombination 🎜
🎜Die Definition von wann erfordert mehr Aufmerksamkeit. Alle Werte können Documentation🎜🎜🎜Für fortgeschrittenes Schreiben unterstützt VS Code auch mehrere grundlegende Operatoren. Auf diese Weise können wir relativ komplexe bedingte Anweisungen schreiben. 🎜
  • ! Verneinung. Wenn wir beispielsweise eine Tastenkombination binden möchten, wenn sich der Cursor nicht im Editor befindet, können wir !editorFocus verwenden, verwenden Sie ! Negieren. 🎜
  • == ist gleich. Der when-Bedingungswert kann nicht nur ein boolescher Wert sein, sondern auch eine Zeichenfolge. Beispielsweise entspricht resourceExtname dem Suffix der geöffneten Datei. Wenn wir eine Tastenkombination an die js-Datei binden möchten, können wir resourceExtname == .js verwenden. 🎜
  • && Und-Operator. Wir können mehrere bedingte Werte kombinieren, wenn ich beispielsweise möchte, dass sich der Cursor im Editor befindet und der Editor eine js-Datei bearbeitet, dann kann ich editorFocus && resourcesExtname == .js verwenden. 🎜
  • =~ Regulärer Ausdruck. Wenn ich immer noch das obige Beispiel verwende und feststellen möchte, ob das Dateisuffix js ist, kann ich es auch als resourceExtname =~ /js/ schreiben und es anhand regulärer Ausdrücke beurteilen. 🎜🎜🎜🎜Zusammenfassung🎜🎜🎜 Was das Verständnis von vscode betrifft, ist es kein Allheilmittel, aber ich habe immer das Gefühl, dass das Programmieren selbst langweilig ist . Diese Art der Erkundung ist immer noch notwendig. Glückliche Menschen werden mit Klippen und endlosem Lernen geboren. Lassen Sie mich diesen Teil unseres Beitrags mit den Aufsätzen beenden, die ich damals geschrieben habe: Menschen sind von Natur aus faul, nicht nur oberflächlich. Aber auch in Bezug auf ihre Gedanken ist es fast unvermeidlich, fleißig nachzudenken und Spaß daran zu haben, wenn man ihnen begegnet.总 Am Ende werde ich es zusammenfassen, in der Hoffnung, den Monarchen zu helfen: Verschieben der Granulargröße, mehrere Tastenkombinationen, Anpassungen müssen gebunden werden und die Bedienung der Umschalttaste. 🎜🎜Weitere Informationen zu VSCode finden Sie unter: 🎜vscode Basic Tutorial🎜! 🎜🎜

Das obige ist der detaillierte Inhalt vonEs lohnt sich, einige vscode-Cursoroperationen zu verstehen, um die Entwicklung so reibungslos wie möglich zu gestalten!. 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