[VSCode]ターミナル操作とファイル操作でよく使うショートカット

# はじめに
VSCodeでターミナル操作とファイル操作を行う際によく使うショートカット（主にMac向け）をまとめてみました。また分かりやすくするためにgifファイルを添付していますので、ご参考いただければ幸いです。

※基本的にデフォルトの設定を中心に取り上げていますが、個人の好みに合わせてカスタマイズすることも可能です。

# ターミナル操作
## ターミナルの表示＆非表示
- cmd + j
![display_terminal.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/1aa58150-1aa8-65b7-fde3-fecb7070a6bb.gif)




## 新しいターミナルの追加
- ctrl + shift +  `
![new_terminal.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/938a6821-2370-a5e1-d402-ccb658a336fd.gif)


## ターミナルの分割＆切り替え
- 分割：cmd + \\
![split_terminal.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/7843c116-f4ec-8216-00ff-99d463f9d9c8.gif)

- 切り替え：cmd + option + ←→（or ↑↓）
![change_terminal.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/94112a76-8154-a266-0aac-bffbc1f2a2a8.gif)


## ターミナルとファイル間の切り替え
- ターミナルからファイルへ移動する
    - cmd + 1（エディターの画面が分割されている場合は対象ペインに合わせて数字を変える）
![change_to_file.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/4130d4db-7242-4436-fc8f-486adb27a504.gif)

- ファイルからターミナルへ移動する
    - デフォルトでは設定されていないので、自分で設定する
        1. VSCodeの「Keyboard shortcuts」設定画面を開く
        ![Screenshot 2023-01-02 at 16.20.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/69076ccf-3636-cff1-f93e-bafb648d2707.png)
        1. 「terminal.focus」と検索する   
        1. 「Terminal: Focus on Terminal View」のKeyBinding（cmd + t）を設定し、When式を「editorTextFocus」に設定する
        ![Screenshot 2023-01-02 at 16.20.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/114d8c3c-a388-6586-6b8c-a2c7902c0df9.png)
    - cmd + t
![change_to_terminal.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/1347a9ac-581a-fb84-58a2-7924e6b96541.gif)



# ファイル操作
## ファイルの作成＆保存
- ファイルの新規作成
    - cmd + n
![new_file.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/d663969a-1de6-1fac-de22-fb93f344000f.gif)
   

- ファイルの保存（初回保存時はダイアログボックスが表示される）
    - cmd + s
![save_file.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/4655c06c-f5fc-0ef7-fda2-08d0150ec71c.gif)

## ファイルエクスプローラーの表示＆非表示
- ファイルエクスプローラーの表示＆ファイルエクスプローラーとファイル間の切り替え
    - cmd + shift + e
![cahnge_to_file_explorer.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/968043f6-62dc-071b-642a-6c58d5610cbd.gif)
    
- サイドバーの表示＆非表示
    - cmd + b
![open_close_side_bar.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/65bc4de3-7e75-8732-6b01-33a8c9a75e8a.gif)



## ファイルを開く
- ファイルエクスプローラーからファイルを選択する
    1. cmd + shift + eでファイルエクスプローラーへ切り替える
    1. 方向キー（↑↓）かctrl + p、ctrl + nでファイルを選択する
    1. spaceキーでファイルを開く
![open_file.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/06d0aa70-091c-7cd0-1b94-62ab43ea333b.gif)

- ファイルを検索する
    1. cmd + pで検索ボックスを開く
    1. 対象ファイルの名前を入力する
    1. enterキーを押す
![search_and_open.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/5e449a39-8777-2c12-c9a1-942279b32881.gif)
    

- Workbench › Editor: Enable Previewについて
    - デフォルトでは、新規ファイルを開いたときに未編集だった場合は開いているタブを上書きして新しいファイルが開きますが、「Workbench」の設定から「Editor: Enable Preview」を無効化することで、ファイルを常に新しいタブで開くことができます。
![Screenshot 2023-01-02 at 17.16.52.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/f0c0c97f-93bc-e8c5-1823-8e864271148a.png)

    

## ファイルをプレビューで開く（mdファイルなど）
- cmd + shift + v
![preview.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/4b2a6112-8afd-1edc-8931-adf1e27c1fe9.gif)


## 開いているファイル間の切り替え
- ctrl + tab
![change_file.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/6a0d9b24-45ec-9d0f-7bcf-7358775b19cb.gif)


## ファイルを閉じる
- cmd + w
![close_file.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/99a6289b-efac-de13-9e51-0ea5837bf3bb.gif)



## 画面分割と画面間の切り替え
- 画面を横に分割する
    - cmd + \\
![split_horizontal.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/5f7778f1-bbcf-b139-34c9-3f3a1bdb6a33.gif)


- 画面を縦に分割する
    - cmd + kを入力してからcmd + \\
![split_vertical.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/075dd96c-e81c-f335-538d-f1c83a26d081.gif)
      

- 画面間の切り替え
    - cmd + 数字（分割した画面数に応じる）
![change_pane.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2954734/deb7fc16-fe1a-357b-cf34-f95ee72ef376.gif)