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


WordPressって何なの?これからWordPressを勉強したい人がとりあえず知っておきたい事
Webサイト制作の基礎の基礎、HTMLって何?
SourceTreeを開くと「’git status’ failed with code 69:’」というポップアップが出てくる場合の解決方法
アクセス解析ツールの定番!!Googleアナリティクスの登録方法
Android実機で表示しているサイトを、Chrome開発者ツールで開いて検証する方法
スクロールしてもテーブルヘッダーが追尾するテーブルの作り方
CSSのカスタムプロパティ(変数機能)の使い方
Gitで1行しか変更していないはずのに全行変更した判定になってしまう
超軽量なコードエディタ 「Zed」をサブエディタとして活用する
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Vue CLIでGA4を導入する方法
iPhoneアプリ「Bobby」とGoogleカレンダーを活用して、サブスクリプションサービスの管理を行う
Alfred 4のmacOS標準アプリとの連携機能(電卓・辞書・連絡先・iTunes)に関してのまとめ
ウェブサイトにおける「コピーライト」の書き方
Path Finder 9.3.5のアップデート内容はラベル・タグ周りの修正!そしていつの間にかカラーラベルのカスタマイズが可能に!
効率的なマークアップが出来るようになるEmmetでHTMLを書く時の基本
CSSで1行で簡単にスムーススクロールを実装できる「scroll-behavior」プロパティ
goenvを使って、MacにGo言語をインストールする