macOSのFinderで右クリックから「VS Codeで開く」を追加する方法
はじめに
Windowsでは、VS Codeをインストールすると右クリックメニューに「Open with Code」が自動で追加されますが、macOSにはこの機能がありません。
macOSでも同じように、Finderの右クリックメニューからファイルやフォルダをVS Codeで開けるようにしたかったので、標準搭載のAutomatorアプリを使って設定してみました。一度設定すれば、以降はずっと使えます。
前提・環境
- macOS（本記事ではmacOS Sequoiaで確認）
- Visual Studio Codeがインストール済み（Applicationsフォルダに配置されていること）
手順
1. Automatorを起動する
Cmd + SpaceでSpotlightを開き、「Automator」と入力してEnterを押します。
2. クイックアクションを新規作成する
Automatorが起動したら、「New Document（新規書類）」をクリックし、「Quick Action（クイックアクション）」を選択します。
3. ワークフローの設定を行う
ワークフロー画面の上部にある設定を以下のように変更します。
- 「Workflow receives current（ワークフローが受け取る現在の項目）」 を
files or folders（ファイルまたはフォルダ）に設定 - 「in（検索対象）」 を
Finderに設定
4. アクションを追加する
- 左上の検索バーに「Open Finder Items」と入力します
- 表示された「Open Finder Items（Finder項目を開く）」アクションを、右側のグレーのエリアにドラッグ&ドロップします
- アクション内の 「Open with:（このアプリケーションで開く）」 ドロップダウンを
Visual Studio Codeに変更します
もしリストにVS Codeが表示されない場合は、「Other...（その他）」をクリックしてApplicationsフォルダからVisual Studio Codeを選択してください。
5. 保存する
Cmd + Sを押して、名前を「Open in VS Code」として保存します。
6. （任意）アイコンを設定する
クイックアクションにカスタムアイコンを設定すると、右クリックメニューで視覚的に分かりやすくなります。
- VS Code公式のブランドページからSVG形式のアイコンをダウンロードします
- Automatorでクイックアクションを開いた状態で、ワークフロー上部の「画像」の横にあるドロップダウンから 「選択...」 をクリックし、ダウンロードしたSVGファイルを選択します
ただし、そのまま設定するとアイコンの縦横比が崩れて表示されます。これを修正するには、ダウンロードしたSVGファイルをテキストエディタで開きます。
<svg> タグに以下の2点を変更します。
preserveAspectRatio="none"を追加するwidthの値をheightの2倍に設定する（例：height="100"ならwidth="200"）
変更前：
<svg width="100" height="100" viewBox="0 0 100 100"...<略>
変更後：
<svg width="200" height="100" viewBox="0 0 100 100" preserveAspectRatio="none" ...<略>
これはmacOSがクイックアクションのアイコンを横長の領域にレンダリングするためです。上記の設定により、表示上の縦横比が正しく見えるようになります。
変更後、保存してAutomatorで再度アイコンを設定し直してください。
動作確認
設定が完了したら、以下の手順で動作を確認します。
- Finderで任意のファイルまたはフォルダを右クリックする
- メニューの「Quick Actions（クイックアクション）」にカーソルを合わせる
- 「Open in VS Code」を選択する
- VS Codeで対象のファイル/フォルダが開くことを確認する
応用：ターミナルで開くアクションも作る
同じ手順で、Finderの右クリックメニューから「ターミナルで開く」アクションも作成できます。手順4の 「Open with:（このアプリケーションで開く）」 で Terminal を選択し、名前を「Open in Terminal」として保存するだけです。
アイコンの設定方法も同様です。
まとめ
macOSの標準アプリであるAutomatorを使うことで、Finderの右クリックメニューにVS Codeで開くオプションを追加できました。サードパーティのツールを入れる必要がなく、一度設定すれば永続的に使えるので便利です。
Windowsから移行してきた方や、ターミナルでcode .を打つのが面倒な方にはおすすめの設定です。
