markdown Menempatkan动作快捷方式在Visual Studio Code di工具栏中打开Finder App MacOS untuk langsung membuka文件夹yang

Posted 2021-05-06

# Open in Visual Studio Code Shortcut di Toolbar Finder App MacOS

> [https://gist.github.com/tajidyakub/12ad18a0f1a462be42f65a3f54b9f622](https://gist.github.com/tajidyakub/12ad18a0f1a462be42f65a3f54b9f622)

- Untuk membuka langsung folder terkait juga dapat dilakukan melalui Shell Extensions vscode 
- Pindah ke direktori target terlebih dahulu atau bisa langsung menjalankan perintah `code /path/target`

```
$ code /path/project/terkait/
$ cd /path/project/terkait/ && code .
```

- Untuk melakukan langsung dari Finder harus terlebih dahulu membuka terminal (Open New Terminal)
- Action tambahan untuk ditambahkan ke dalam sub menu services di dalam context menu dapat didefinisikan melalui fasilitas service melalui script tambahan yang dapat dibuat menggunakan automator
- Script yang sama dapat kita tarik ke toolbar Finder sekaligus diubah iconnya agar tidak menggunakan default

![](https://i.imgur.com/L2K2nt0.jpg)

### Menambahkan Service baru ke Context Menu Finder

- Jalankan Automator dan pilih New Service di layar awal

![](https://i.imgur.com/H08BG5I.jpg)

- Pilih service received selected `folder` in `Finder.app`
- Kemudian masukkan Action `Get Selected Finder Item` yang dapat ditemukan di dalam Library > Files & Folder
- Setelah action tersebut masukkan Action `Run Shell Script` yang dapat ditemukan di dalam Library > Utilities
- Ubah Pass input sebagai Argument, untuk menangkap result dari action sebelumnya dimasukkan ke dalam arguments ke script yang dijalankan di action ini
- Input tersebut berupa `array` karena mungkin memiliki value lebih dari satu (multiple folder selection)
- Jalankan looping yang memilah value di dalam array tersebut dan jalankan Shell Extension vscode `code /path/to/folder/`

![](https://i.imgur.com/PkLd7lp.jpg)

![](https://i.imgur.com/3CwX479.jpg)

![](https://i.imgur.com/u6R0IvK.jpg)

- Jangan lupa disave file .workflow tersebut,apabila tidak download sendiri silahkan dimasukkan ke dalam folder `~/Library/Services/`
- Tes jalankan service tersebut dengan menggunakan menu `Steps ->` di Automator, pilih folder yang ingin dibuka di vscode dan perhatikan script berjalan
- Apabila sudah selesai action tersebut akan muncul di dalam sub-menu Service di context menu Finder MacOS

### Membuat Shortcut di Toolbar

- Script yang sama dapat kita tarik dari dalam finder ke dalam Toolbar Finder untuk menjadi shortcut yang bersifat permanen
- Right click di Toolbar dan pilih `Customize Toolbar`
- Click dan Drag file `.workflow ke` posisi yang kita inginkan
- Untuk mengubah icon shortcut tersebut bisa di copy paste ke gambar yang ada di kiri atas window `Get Info` file `.workflow` terkait
- Gambar icon yang ingin dipakai silahkan dicari dengan kualitas yang proporsional

![](https://i.imgur.com/zsDMNw0.jpg)

![](https://i.imgur.com/9HQ7F9d.jpg)

![](https://i.imgur.com/V0RpFHb.jpg)