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 + 矢印キーを使えば、単語ごとに選択もできます。
マルチカーソルを使っているときのカーソル移動は、単語の文字数が違うとその分だけズレてしまうので、これで単語単位で一気に移動します。


npm-scriptsでSCSSをコンパイルする環境を構築する方法
Local by FlywheelでWordPressのローカル開発環境構築のハードルが一気に下がる
さくらのレンタルサーバで.htaccessが原因で500エラーになってしまう場合のチェックリスト
gitignoreで特定ファイルをGitで無視する方法
pointer-eventsプロパティでクリックイベントを無効化にする|気になるCSSプロパティ
iOSシミュレーターを使ってWebサイトを開発者ツールを見ながら実機表示で開発する方法
Vue CLIのtitleタグやmetaタグの設定方法
無料版を使っている人は検討する価値あり!MAMP PRO 5で簡単にローカル開発環境を構築・管理する
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
PopClipの拡張機能を自作する方法(スニペットの作成から公開まで)
三点リーダー(……)とダッシュ記号(——)の正しい使い方
新しいMacBook Proを購入して移行するときにやること|ユーティリティ系アプリの設定編
Alfredでシステム環境設定の各項目をすぐに開く方法
Figmaの図形周りの基本操作|図形の作成方法から細かい設定項目まで
Google Meetをさらに便利にする便利なChrome拡張機能と、公式でサポートされるようになった機能
PCの単語登録(辞書登録機能)の辞書分類やルールについて改めて考えてみる
ATOKで変換時に文章を指摘してくれる「校正支援」タブの設定項目
Alfredの「General」タブで基本的な設定や、ホットキーの変更を行う
Alfred 4の詳細設定(Advanced)を見直してAlfredを更に便利にする