[RUBY] [Anfänger] Über "Rechteckauswahl (Blockauswahl)", mit der Sie Einrückungen in mehreren Zeilen gleichzeitig korrigieren können

Einführung

Es gibt Zeiten, in denen Sie das Ganze wie Rails ausgleichen möchten, nachdem Sie den Code eingegeben haben. Ich war in das Nachdenken über den Code vertieft, und als ich zurückblickte, waren die Einrückungen verstreut und das Gleichgewicht war wahnsinnig schwer zu erkennen. Ich denke auch, dass es Zeiten gibt, in denen Sie später ein übergeordnetes Element hinzufügen möchten, das sich über mehrere Elemente erstreckt, und für jede Zeile untergeordneter Elemente einen Einzug für ein Leerzeichen lassen müssen. Als junger Programmierer drückte ich einfach weiter die TAB-Taste, um die Einkerbung zu entfernen.

Inzwischen hat sich die Welt verändert, seit ich den Trick gelernt habe, "ein Rechteck auszuwählen". Ich denke, viele Leute wissen es, aber wenn es Leute gibt, die es nicht benutzen oder nicht wissen, denke ich, dass es eine Verschwendung ist, also werde ich diese nützliche Technik teilen.

Was machst du in solchen Zeiten?

Siehe den Code unten. Dies ist der Code, der mit devise einen neuen Benutzerregistrierungsbildschirm erstellt hat. Dies allein kann als Funktion verwendet werden, sieht aber nicht schön aus.

Ich möchte Bootstrap verwenden, um das Ganze auszugleichen <div class="container"> <div class="row"> Ich werde es mit umgeben.

qiita.rb

<div class="container" >
  <div class="row" >
  -------------← Ich möchte den obigen Code hier einfügen! !! !!
  </div >
</div >

Genau. Das ist in Ordnung, wenn Sie es nur dazwischen setzen, aber wenn Sie lesbaren Code kennen, scheint es schöner zu sein, Einrückungen in alle Zeilen zu setzen.

Aber es ist ein Ärger. Ich verstehe. In einem solchen Fall können Sie diese "** Rechteckauswahl **" verwenden!

Was ist Rechteckauswahl (Blockauswahl)?

Sehr nützliche Funktionen sind einfach zu bedienen. Für macOS

Befehl zur Auswahl des Tastaturrechtecks

Klicken Sie auf die Stelle, an der Sie beginnen möchten
[Umschalt] + [Option] + [Befehl] + Pfeiltasten
Ziehen Sie wie es ist

Nur das. Um es klarer zu erklären, Klicken Sie auf diese Weise auf die Stelle, an der Sie beginnen möchten. Und wenn Sie den Befehl ↑ eingeben, Nützlich ist, dass der Zeiger erweitert wurde, um das gesamte <div class = "field"> einzuschließen. Wenn Sie dies tun können, ist es einfach. Wenn Sie den Einzug nur im ↑ Teil belassen, sieht er folgendermaßen aus, damit Sie ihn besser sehen können. Ja, das ist sehr praktisch.

Andere Verwendungszwecke für die Rechteckauswahl

Natürlich können Sie nicht nur Platz schaffen, sondern auch Buchstaben eingeben. Durch einmaliges Eingeben eines Zeichens konnte ich dasselbe Zeichen in andere als Rechteck ausgewählte Zeilen eingeben. Es gibt viele andere Möglichkeiten, es zu verwenden. Wenn Sie also interessiert sind, probieren Sie es bitte aus!

abschließend

Ich denke, es gibt viele kleine Tricks in der Programmierwelt, die Ihre Arbeitszeit auf diese Weise reduzieren können. Es ist schwer, sich an alles auf einmal zu erinnern, aber wenn Sie sich nacheinander daran gewöhnen, kann der Tag kommen, an dem Sie ein sehr kluger Programmierer werden können!