Finder のコンテキストメニューに「Visual Studio Code で開く」を追加する


Finderのコンテキストメニューに「Visual Studio Codeで開く」を追加することで、Finderから編集したいフォルダやファイルを指定するだけでVS Codeで編集できるようになるので非常に便利です。

WindowsのSakuraエディタといったエディタでは、インストール時に右クリックメニューに追加する設定ができるので、非常に重宝していましたが、MacでVSCodeを使い始めたときに同様のことはできないのかと思い調べてみました。

macOS Catalinaからzshに変更されたので追記しました。

Automatorで作成

AutomatorはmacOSの自動化ユーティリティです。

  1. Automatorを開く
    このアイコンが目印です。

  2. メニュー > ファイル > 新規 を選択する

  3. テンプレート(書類の種類)は「クイックアクション」を選択します。

アクションの追加

左側のライブラリ列は

「ユーティリティ」を選択

中央のアクション列は

「シェルスクリプトを実行」を選択し、ワークフローパネルにドラッグします。

右上の”サービス”は、次の選択項目を受け取るポップアップメニューは

”サービス”は、次の選択項目を受け取る:ファイルまたはフォルダ
検索対象:Finder.app

ワークフローパネルは

シェル: /bin/zsh (macOS 10.14以下は /bin/bash)
入力の引き渡し方法:引数として

入力欄には下記のコードを記述します。

for f in "$@"
do
    open -a 'Visual Studio Code' "$f"
done

ワークフローを保存する

  1. メニュー > 保存
  2. 保存名を「Visual Studio Codeで開く」としてください。

「Visual Studio Codeで開く.workflow」として保存されます。

確認

Finder > コンテキストメニュー > サービス

を見ると「Visual Studio Codeで開く」メニューが追加されていることを確認してください。

参考

macos - OSX: how to add a right click option in folder to open the folder with an application like VS Code? - Ask Different

Mac 101:Automator - Apple サポート