🗂

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

2022/10/05に公開

Raycastとは

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

ここではRaycast自体についてはあまり深く話しません。インストール方法や詳しい機能を知りたい方は以下の記事をご覧ください。

RaycastでVS Codeを開きたい！

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

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

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

始める前に

前提条件

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

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

全体の流れ

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

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

やってみよう

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でプロジェクトとして開きたいディレクトリに対して３の登録を繰り返します。

4.起動！

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

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

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