😇

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

2022/11/11に公開約1,500字

独断と偏見でまずはこれを覚えとけ!!という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 ターミナルにフォーカス

その他

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

Discussion

ログインするとコメントできます