vscode初心者がまず最初に覚えるべきショートカット集

独断と偏見でまずはこれを覚えとけ！！というvscodeの操作を紹介します。

他にもおすすめあればコメントください！

codeコマンド

ショートカットと言っておいてなんですが、まずはcodeコマンドをインストールしましょう笑

• codeコマンドのインストール
  1. ⇧⌘Pでコマンドパレットを開く
  2. codeと入力
  3. 「シェルコマンド：PATH内に'code'コマンドをインストールします」をクリック
     
• code ファイル名でファイルを開く（なかったら作成）

  code app/views/cats/index.html.erb # 新しいタブで開かれる
  

• code ディレクトリ名で新しいウィンドウでワークスペースとしてディレクトリを開く

  code rails_app/ # 新しいウィンドウで開かれる
  

エディタ関係のショートカット

ショートカットキー	説明
Tab	行にインデントを追加
⇧Tab	行のインデントを削除
⌘↑	ファイルの先頭に移動
⌘↓	ファイルの末尾に移動
⌘F	ファイル内を検索
⌘P	ワークスペース内のファイルを曖昧検索
⌘C	コピー
⌘X	切り取り
⌥↓	行を↓へ移動
⌥↑	行を↑へ移動
⌘/	行コメントの切り替え
⌘S	保存
⌘Z	もとに戻す
⌘W	エディターを閉じる

その他のショートカット

ショートカットキー	説明
⇧⌘F	ワークスペースで検索
⌘B	サイドバー表示のトグル
^R	ワークスペースを開く

エディタとターミナルを行き来する

ターミナルにフォーカスはデフォルトだと`^``だが、JIS配列だと入力しづらい。。
なので、設定を変更してしまう

cmd+K, cmd+Sを順に押すと、キーボードショートカットのページが出るので、terminal.focusと入力。

この画面がでればOK

そうしたら、左の+を押して、cmd+3を入力してエンター。

次に、同じショートカット上で右クリックし、「When式を変更」をクリック。

そしてeditorTextFocusと入力してエンター。

これで、⌘と数字だけで楽に移動できる！！

ショートカットキー	説明
⌘1	左のエディターにフォーカス
⌘2	右のエディターにフォーカス
⌘3	ターミナルにフォーカス

その他

• ダブルクリックで単語を選択できる
  • 選択したとき、他の同じ単語もハイライトされる
  • 区切り文字を設定で変更できる
• オプション+クリックで複数箇所選択できる