[RUBY] [Débutant] À propos de "Sélection de rectangle (sélection de bloc)" qui vous permet de corriger les retraits sur plusieurs lignes à la fois

introduction

Il y a des moments où vous voulez équilibrer le tout, comme Rails, après avoir fini de taper le code. J'étais absorbé par la réflexion sur le code, et quand j'ai regardé en arrière, les retraits étaient éparpillés et l'équilibre était incroyablement difficile à voir. De plus, je pense qu'il y a des moments où vous souhaitez ajouter un élément parent plus tard, en chevauchant plusieurs éléments, et vous devez laisser un retrait pour un espace pour chaque ligne de l'élément enfant. En tant que programmeur débutant, je n'arrêtais pas d'appuyer sur la touche TAB pour me débarrasser de l'indentation.

Pendant ce temps, le monde a changé depuis que j'ai appris l'astuce de "sélectionner un rectangle". Je pense que beaucoup de gens le savent, mais s'il y a des gens qui ne l'utilisent pas ou ne le savent pas, je pense que c'est un gaspillage, alors je vais partager cette technique utile.

Que fais-tu dans de tels moments?

Voir le code ci-dessous. C'est le code qui a créé un nouvel écran d'enregistrement d'utilisateur à l'aide de devise. Cela seul peut être utilisé comme une fonction, mais cela n'a pas l'air beau.

Je veux utiliser Bootstrap pour équilibrer le tout <div class="container"> <div class="row"> Je vais l'entourer de.

qiita.rb

<div class="container" >
  <div class="row" >
  -------------← Je veux mettre le code ci-dessus ici! !! !!
  </div >
</div >

Je suis d'accord. C'est bien si vous le mettez simplement entre les deux, mais si vous êtes conscient du code lisible, il semble plus beau de mettre des retraits sur toutes les lignes.

Mais c'est un problème. Je comprends. Dans un tel cas, vous pouvez utiliser cette "** sélection de rectangle **"!

Qu'est-ce que la sélection de rectangle (sélection de bloc)?

Des fonctionnalités très utiles sont faciles à utiliser. Pour macOS

Commande de sélection du rectangle du clavier

Cliquez là où vous voulez commencer
[Maj] + [Option] + [Commande] + touches fléchées
Faites glisser tel quel

Seulement ça. Pour l'expliquer plus clairement, De cette façon, cliquez là où vous voulez commencer. Et lorsque vous tapez la commande ↑, Ce qui est utile, c'est que le pointeur a été développé pour englober tout le <div class = "field">. Si vous pouvez faire cela, c'est facile. Pour faciliter la lecture, si vous ne laissez le retrait que dans la partie ↑, cela ressemblera à ceci. Oui, c'est très pratique.

Autres utilisations de la sélection de rectangle

Bien sûr, vous pouvez non seulement créer de l'espace, mais aussi taper des lettres. En tapant un caractère une fois, j'ai pu taper le même caractère sur d'autres lignes sélectionnées comme rectangle. Il existe de nombreuses autres façons de l'utiliser, donc si vous êtes intéressé, veuillez le vérifier!

en conclusion

Je pense qu'il existe de nombreuses petites astuces dans le monde de la programmation qui peuvent réduire votre temps de travail de cette manière. Il est difficile de se souvenir de tout à la fois, mais si vous vous y habituez un par un, le jour peut venir où vous pourrez devenir un programmeur très intelligent!