![](https://hrdyuic.com/wp-content/uploads/8335d558d151e09a696fb916ebabfbd5.png)
動画でWeb制作の勉強をしている時に講師の方はwindowsを使っていたんだけどフォルダ上で「右クリック」>「Codeで開く」を選択するとVSCodeでフォルダの中身が全て展開されて表示されたんだけどMacでも同じことができるんだろうか?
こういった悩みにお答えします。
結論:Macでもwindowsの「Codeで開く」と同じようなことはできます。
※下記画像が実際に僕が設定している画面になります。
フォルダからでもファイルからでも「クイックアクション」>「Open with Code」でVSCodeで開くことができます。
![](https://hrdyuic.com/wp-content/uploads/abb922d7d54890f5c542b8e062e2b31b-1280x800.jpg)
![](https://hrdyuic.com/wp-content/uploads/abb922d7d54890f5c542b8e062e2b31b-1280x800.jpg)
本記事で解決できること
- ワークフロー(「クイックアクション」>「Open with Code」)の作成方法
- ワークフローの削除方法
![](https://hrdyuic.com/wp-content/uploads/plug-ge9236baff_1920.jpg)
![](https://hrdyuic.com/wp-content/uploads/plug-ge9236baff_1920.jpg)
![](https://hrdyuic.com/wp-content/uploads/evelyn-clement-TjvEfjXIb_s-unsplash.jpg)
![](https://hrdyuic.com/wp-content/uploads/evelyn-clement-TjvEfjXIb_s-unsplash.jpg)
是非、最後までご覧ください。
【VSCode】MacのFinderでクイックアクションを実行する
冒頭で紹介した「クイックアクション」>「Open with Code」は下記画像の「Automator.app」で作成しています。
作成していなければMacにデフォルトでは「Open with Code」に似た機能はありません(たぶん)。
![](https://hrdyuic.com/wp-content/uploads/fb30d44bc796635f1af25e6785232d9a.jpg)
![](https://hrdyuic.com/wp-content/uploads/fb30d44bc796635f1af25e6785232d9a.jpg)
では早速、作成していきたいと思います。
「Automator.app」でワークフローを作成します。
「Finder」>「アプリケーション」>「Automator.app」を選択します。
![](https://hrdyuic.com/wp-content/uploads/fb30d44bc796635f1af25e6785232d9a.jpg)
![](https://hrdyuic.com/wp-content/uploads/fb30d44bc796635f1af25e6785232d9a.jpg)
「Automator.app」が開きました。
「クイックアクション」を選択して「選択」をクリックします。
![](https://hrdyuic.com/wp-content/uploads/c1c8dc867d30c188a65ad32c787e96b9.jpg)
![](https://hrdyuic.com/wp-content/uploads/c1c8dc867d30c188a65ad32c787e96b9.jpg)
クイックアクションが開きました。
「ユーティリティ」>「シェルスクリプトを実行」を「ワークフローを作成するには、・・・」にドラッグします。
![](https://hrdyuic.com/wp-content/uploads/97fbd91ec5ab8dc5de829e0ea3aee700.jpg)
![](https://hrdyuic.com/wp-content/uploads/97fbd91ec5ab8dc5de829e0ea3aee700.jpg)
各設定の変更をします。
- ワークフローが受け取る現在の項目:ファイルまたはフォルダ
- 検索対象:Finder.app
- 入力の引き渡し方法:引数として
- シェル下の赤枠内に下記コードをコピペします。
open -a "Visual Studio Code" "$@"
![](https://hrdyuic.com/wp-content/uploads/54952d2aca73e5c00e920b49549bccb0.jpg)
![](https://hrdyuic.com/wp-content/uploads/54952d2aca73e5c00e920b49549bccb0.jpg)
⌘S
で下記画面が表示されますので「クイックアクションの名前」を決めて「保存」をクリックします。 ※名前は何でもOKです。
![](https://hrdyuic.com/wp-content/uploads/59e56406ac38ca1b1953415d8895f2ed.jpg)
![](https://hrdyuic.com/wp-content/uploads/59e56406ac38ca1b1953415d8895f2ed.jpg)
これでフォルダを「クイックアクション」>「Open with Code」を選択するとでVSCodeで開けるようになりました。
フォルダを開いてみます。
フォルダ上で右クリック後、「クイックアクション」>「Open with Code」を選択します。
![](https://hrdyuic.com/wp-content/uploads/abb922d7d54890f5c542b8e062e2b31b-1280x800.jpg)
![](https://hrdyuic.com/wp-content/uploads/abb922d7d54890f5c542b8e062e2b31b-1280x800.jpg)
下記画像の赤枠にsampleフォルダとその中に入っているファイル(index.html)が表示されています。
![](https://hrdyuic.com/wp-content/uploads/a20367aed080c2e5197fd7608c8ab425.jpg)
![](https://hrdyuic.com/wp-content/uploads/a20367aed080c2e5197fd7608c8ab425.jpg)
作成したワークフローを削除する方法を紹介します。
「ライブラリ」に移動します。
「Finder」>「移動」で「optionキー」を押すと「ライブラリ」が表示されますので選択します。
![](https://hrdyuic.com/wp-content/uploads/eaf881cadeeac9be10c9c7007c4510fb.jpg)
![](https://hrdyuic.com/wp-content/uploads/eaf881cadeeac9be10c9c7007c4510fb.jpg)
「ライブラリ」に移動しました。
その中の「Server」フォルダを開きます。
![](https://hrdyuic.com/wp-content/uploads/8a5b49212c70ab49427bf141e62a4032.jpg)
![](https://hrdyuic.com/wp-content/uploads/8a5b49212c70ab49427bf141e62a4032.jpg)
すると作成した「ワークフロー」が入っていますので「ゴミ箱に入れる」で削除することができます。
![](https://hrdyuic.com/wp-content/uploads/60ef0d32a7d431430589ff5d8536404a.jpg)
![](https://hrdyuic.com/wp-content/uploads/60ef0d32a7d431430589ff5d8536404a.jpg)
今回は以上です。