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



CodeAnywhereでターミナルに触る練習をする
Movable Typeでコメントアウトして出力時に無視する方法
Movable TypeでMTLoopを使ってkeyでソートしたときに、10個以上表示させると並びがおかしくなる
resizeイベントを使用する場合は、iOS Safariでの挙動に注意
Vue CLIでの画像パスの指定方法・配置場所まとめ
iOS Safariでinputタグにフォーカスを合わせると、自動で画面が拡大してしまう原因と解決方法
WordPressのヘッダーにツールバーが表示されないときは、wp_headやwp_footerが入っているか確認
Vue.jsのv-forで生成した要素をクリックするたびに、classをトグルで付け外しする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎