Visual Studio Codeのマルチカーソル機能で文字操作を一括で行う

Visual Studio Codeを使っていると、一括でコードを入力したいときがあります。
そんなときに使えるのが「マルチカーソル」機能です。
マルチカーソル機能
マルチカーソル機能はエディタ上の複数箇所にカーソルを当てられる機能で、文字入力などの操作を同時に行えます。

使い方が下記の通り複数存在します。
| option + クリック | optionを押しながらカーソルを追加したい場所をクリック |
|---|---|
| shift + option + ドラッグ | shiftとoptionを押しながらドラッグで、ドラッグした箇所にカーソルを追加する |
| 中ボタンでドラッグ | マウスの真ん中の中ボタンを押しながらドラッグで、ドラッグした箇所にカーソルを追加する |
| option + command + 上下キー | 上下の列にカーソルを追加する |
| command + D | command + Dを押すたびに選択した単語と同じ文字列を順番にカーソル追加する |
| shift + command + L | 選択した単語と同じ文字列をすべて一気にカーソル追加する |
まずは最低限のoption + クリックとcommand + Dを覚えておいて、慣れてきたら徐々に他も覚えていくのがよさそうです。
マルチカーソル使用時に使える小技
Emacsキーバインド
macOSではEmacキーバインドというカーソル操作のショートカットキーが使えます。
中でもcontrol + Aで文頭へ移動するのと、control + Eで文末へ移動するのはマルチカーソルを使っているときに便利です。
また、shiftを追加してshift + control + Aにしたり、shift + control + Eにすると、いまいるカーソルから文頭や文末まで一気に選択できます。
他のカーソル操作関連の小技は過去に記事にしているので、そちらもぜひご覧ください。
単語単位での移動
control + 矢印キーで単語単位での移動ができます。
shiftを追加してcontrol + shift + 矢印キーを使えば、単語ごとに選択もできます。
マルチカーソルを使っているときのカーソル移動は、単語の文字数が違うとその分だけズレてしまうので、これで単語単位で一気に移動します。


Vue CLIのtitleタグやmetaタグの設定方法
疑似クラスの:hoverと:activeのスマホでの挙動の違い
Bracket Pair ColorizerでVisual Studio Codeの括弧を色分けして見やすくする
JavaScriptのテンプレートリテラル内で条件分岐を行う方法
ファビコンや各種アイコンの作成と設定方法
Macで.pemを使ってAmazon EC2インスタンスへSSH接続する方法
SourceTreeでマージ時に「fatal: You have not concluded your merge (MERGE_HEAD exists).」と表示される場合の対処法
Vue.jsを使う人が最低限導入しておきたいVisual Studio Codeの拡張機能
JavaScriptで簡単にCookie操作ができるライブラリ「js-cookie」
効率的にHTMLを生成できるPugの特徴や記述方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
選択オブジェクトに合わせてアートボードを変更するillustratorのスクリプト
webpackでTop-Level Awaitを使用して、一番上位でもawaitを使えるようにする方法
AlfredのWorkflowで新規ファイルを作成する方法
属性・Class・IdなどHTMLタグの細かい部分を見ていこう!!
Figmaで企業やサービスのブランドロゴやカラーをすぐ参照できるプラグイン「Brandfetch」
さくらのレンタルサーバで.htaccessが原因で500エラーになってしまう場合のチェックリスト
1PasswordのChrome拡張機能 (パソコンのアプリが必要)のインストール場所が分かりにくい
macOS Mojaveのスクリーンショット機能についてまとめる
Macの高機能diffツール「Kaleidoscope」
AlfredのTerminal機能を使って、すばやくターミナルコマンドを実行する