▶️

VSCode 系エディタからテストをショートカットで実行する

に公開

コードを書く時は JetBrains系の IDE を使っているのですが、最近はコーディングエージェントブームというのもあり、なるべく好き嫌い、毛嫌いせずに Cursor も使うようにしています。

元々 VSCode -> JetBrains -> Cursor という形で乗り換えてきたため、VSCode の使い勝手も慣れているつもりなのですが、すっかり一部のショートカットキーは JetBrains で馴染んでしまいました。

特に、テスト駆動開発をする際は頻繁にテストを実行することになるので、VSCodeのテストエクスプローラーパネルやコード上のアイコンから毎回「Run Test」を実行するのが煩わしくなります。

JetBrains系の場合、macOSだとCtrl + Shift + Rで現在フォーカスが当たっているスコープのテストを実行できるのですが、VSCode系の場合はどうなるのか調べてみました。

結論

Jest の場合、@command:testing.runAtCursor を検索し、このキーバインドを好みのものにすると良いです。

Keyboard shortcut settings

使っている拡張機能

今回使用しているのは TypeScript / Node で、テストランナーには Jest を使用しています。

一応)調べ方

将来別の言語で設定をすることになる自分のためのメモです。
上記は Jest の場合ですが、他言語の拡張でも同じ流れで対象コマンドを探せると思います。

  1. Cmd + Shift + P でコマンドパレットを開く
  2. コマンドパレットで test などで検索して、コマンドパレットからテストを実行できるものを探す。あるいは拡張機能のドキュメントにコマンドが載っているので、そこから探すでも可
  3. 対象のコマンドにショートカットキーが割り振られている場合は、その歯車アイコンをクリック
  4. ショートカット編集画面が出るので、好きなキーバインドに変更

/以上

GitHubで編集を提案

Discussion