Finderのコンテキストメニューに「Visual Studio Codeで開く」を追加することで、Finderから編集したいフォルダやファイルを指定するだけでVS Codeで編集できるようになるので非常に便利です。
WindowsのSakuraエディタといったエディタでは、インストール時に右クリックメニューに追加する設定ができるので、非常に重宝していましたが、MacでVSCodeを使い始めたときに同様のことはできないのかと思い調べてみました。
macOS Catalinaからzshに変更されたので追記しました。
Automatorで作成
AutomatorはmacOSの自動化ユーティリティです。
- Automatorを開く
このアイコンが目印です。
![スクリーンショット 2019-12-31 23.06.24.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F67320%2F192ffbd2-9e99-58a2-a972-e1d1f70cf371.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=c5d7376aa3b61736e9695cf9ea366b9f)
-
メニュー > ファイル > 新規 を選択する
-
テンプレート(書類の種類)は「クイックアクション」を選択します。
![スクリーンショット 2019-12-31 23.07.02.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F67320%2F845cdd99-9a1d-30a2-09d2-e445fb12908b.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=77bb979ce44f8e3f0e702e92dc948111)
アクションの追加
左側のライブラリ列は
「ユーティリティ」を選択
中央のアクション列は
「シェルスクリプトを実行」を選択し、ワークフローパネルにドラッグします。
右上の”サービス”は、次の選択項目を受け取るポップアップメニューは
”サービス”は、次の選択項目を受け取る:ファイルまたはフォルダ
検索対象:Finder.app
ワークフローパネルは
シェル: /bin/zsh (macOS 10.14以下は /bin/bash)
入力の引き渡し方法:引数として
入力欄には下記のコードを記述します。
for f in "$@"
do
open -a 'Visual Studio Code' "$f"
done
![スクリーンショット 2019-12-31 23.09.21.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F67320%2F91b85899-21a7-1970-54d7-dd1c90741a94.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=d22df175b37e50d59c8ce4fdfc7a36c7)
ワークフローを保存する
- メニュー > 保存
- 保存名を「Visual Studio Codeで開く」としてください。
「Visual Studio Codeで開く.workflow」として保存されます。
![スクリーンショット 2019-12-31 23.09.31.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F67320%2Ff0d37f33-ad5d-72fd-a00c-2892e8029896.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=330b872e021922a5ac89f797da16e2a2)
確認
Finder > コンテキストメニュー > サービス
を見ると「Visual Studio Codeで開く」メニューが追加されていることを確認してください。
![スクリーンショット 2019-12-31 23.10.01.png](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F67320%2Fb54c6831-7c11-0da3-dad6-2016ba427d78.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=4b038cf7e74c9f68bfb4f090f1bc730f)