🗂

mac向け神ランチャーツールRaycastでVS Codeのプロジェクトを一発起動

2022/10/05に公開約3,200字

Raycastとは

Raycastはmacで使用できるランチャーツールです。
ランチャーというと標準だとSpotlight、競合だとAlfredがありますが、RaycastはSpotlightよりも高機能かつAlfredだと有料版でしか使えない機能も無料だったり、と控えめに言っても最高なツールです。

ここではRaycast自体についてはあまり深く話しません。インストール方法や詳しい機能を知りたい方は以下の記事をご覧ください。
https://zenn.dev/fumi_sagawa/articles/2ff5fd9c03fbcd
https://zenn.dev/yum3/articles/i_raycast_or_alfred

RaycastでVS Codeを開きたい!

「使わない日はない!」という方も少なくないのではないかというほどのシェアを誇るVS Code。
VS Codeで特定のプロジェクト(ディレクトリ)を開くときってどうしてますか?

  • ターミナルでディレクトリに移動してcode .?
  • VS Codeのウインドウに開きたいディレクトリをドラック&ドロップ?

どちらもそれなりにスマートですが、複数ステップにわたるので何度も開く場合はちょっと面倒です。そこで「Raycastで特定プロジェクトを開きたい!」となります。(よね?)
RaycastはランチャーアプリなのでもちろんインストールされているVS Codeを起動できますが、プロジェクトを指定して開くことは標準ではできません。そんな時は拡張機能の出番です。
本記事はRaycastと拡張機能を使用して特定のプロジェクトをVS Codeで開く設定について記載します。
最初はちょっと設定をする必要がありますが1度設定してしまえば日々の作業で簡単に開けるようになります!

始める前に

前提条件

以下の準備が整った状態からスタートします。

  • VS Codeがインストールされている
  • Raycastがインストールされている

全体の流れ

全体のステップとしては大まかに4ステップです。

  1. Raycastに拡張機能をインストール
  2. VS Codeに「Project Manager」拡張機能をインストール
  3. 「Project Manager」でプロジェクトを登録
  4. 起動!

やってみよう

1.Raycastに拡張機能をインストール

RaycastのPreferenceを開きExtensions+Install From Storeをクリックします。

検索ボックスに「vscode」と入力します。Visual Studio Code - Project Managerを選択してCommand + Enterキーでインストールします。

Preferenceを閉じてRaycastを起動します(デフォルトHotkeyはOption + Spaceキー)。
vscodeと入力してVisual Studio Code - Project Managerが候補に表示されればインストールは完了です。

しかし、Visual Studio Code - Project Managerを選択してもプロジェクトは何も表示されないと思います。
これは、Raycastが「どのディレクトリ配下がプロジェクトなのか」を認識していないからです。
それを解決するために続いてVS Code側でプロジェクトの登録をします。

2.VS Codeに「Project Manager」拡張機能をインストール

VS Codeを起動します。
拡張機能(Extensions)メニューを開き、検索ボックスにproject managerと入力しProject Manager拡張機能をインストールします。

3.「Project Manager」でプロジェクトを登録

プロジェクトとして開きたいディレクトリをcode .ドラック&ドロップを使ってVS Codeで開きます。
今回はサンプルとして私がZennのコンテンツを管理しているディレクトリ(リポジトリ)のzenn-contentを使用します。
Command + Shift + Pキーでコマンドパレットを開きます。
save projectと入力してProject Manager:Save Projectを選択します。

プロジェクト名を入力します。デフォルトではディレクトリの名前になりますが、そのままでも変更してもどちらでもOKです。

プロジェクト名を入力したらEnterキーで登録し、Project saved!と表示されれば成功です。

Raycastでプロジェクトとして開きたいディレクトリに対して3の登録を繰り返します。

4.起動!

Raycastを起動します(デフォルトHotkeyはOption + Spaceキー)。
Visual Studio Code - Project Managerを選択します。

すると3で登録したプロジェクトが表示されるので開きたいプロジェクトを選択してEnterキーを押します。

選択したプロジェクトが開かれました!

おまけ:プロジェクトの削除

登録したプロジェクトがいっぱいになってくるとユーザービリティが下がってしまうので、使用頻度が低くなったプロジェクトは登録を消しましょう。

VS Code内でコマンドパレットを開きます(Command + Shift + Pキー)。
edit projectと入力してProject Manager:Edit Projectsを選択します。

projects.jsonファイルが開きます。この事からも分かるように、このファイルを編集すれば登録してあるプロジェクトを編集できます。
削除したいプロジェクトのブロックを削除してprojects.jsonファイルを保存すれば削除完了です。

皆様、よいmacライフを!

GitHubで編集を提案

Discussion

ログインするとコメントできます