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


Emmetで複数のタグを一括展開して、コーディングスピードをさらに上げる方法
「DevTools z-index」でz-indexがかかっている要素をChrome開発者ツールに一覧表示させる
gzip圧縮をしてウェブサイトの表示スピードを上げる方法
SafariでFacebookのPage Pluginに「リクエストを処理できませんでした」とダイアログが表示される問題
WordPressのカスタムメニューでは、内部リンクに対してカスタムリンクは使わない!
gulp-sass 5の「does not have a default Sass compiler」エラーを解消する
Nuxt.jsでVuexストア連携を行う方法|Nuxt.jsの基本
CSSでclassがついていないタグにだけスタイルを当てる方法
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Alfredで複数のアプリケーションを一気に起動できるようにする
ImageOptimをターミナルから起動する方法
Macの文字入力をもっと楽にする小技集
Movable Typeでコメントアウトして出力時に無視する方法
Macの「コマンド」キーの表記は「command」と「Command」のどちらが正しいのか
Finderの機能拡張アプリ「TotalFinder」をインストールしてファイル操作を快適にする
Bracket Pair ColorizerでVisual Studio Codeの括弧を色分けして見やすくする
Visual Studio Codeで正規表現にマッチするか確認できる拡張機能「Regex Previewer」
ターミナルに表示されるmacのコンピュータ名を変更する方法
Evernoteで特定のタグを除外して検索する方法