VSCodeよく使うショートカットまとめ【随時更新】

VScode

拡張機能系

下記リンクで入れた拡張機能で使用するショートカットをまとめました。

※[Sc]: ショートカット等実行
※ > : F1押下後の上部フォームに入力する

項目WindowsMacプラグインメモ
入力・挿入
タグで囲むAlt + WOption + Whtmltagwrap範囲指定 → [Sc]→ 入力
連番で数字を入力Ctrl + Alt + NCommand + Option + NInsert Numbersマルチカーソルで複数選択 → [Sc]→ Enter
現在の日時を入力Ctrl + Shift + ICommand + Shift + IInsert Date String
MarkDown型でURL挿入> paste url> paste urlPaste URLURLコピー → [Sc]→ Paste URL をクリック
補完
WordPressの関数補完Ctrl + SpaceCommand + SpaceWordPress Snippet
整形・フォーマット
React雛形作成rafceと入力rafceと入力ES7
React/Redux/
GraphQL/
React-Native snippets
ファイル作成 → ファイル内で[Sc]
コードを自動整形Ctrl + F Command + FPrettier
ブックマーク
ブックマークの設定・解除Ctrl + Alt + KCommand + Option + KBookmarks
次のブックマークへジャンプCtrl + Alt + LCommand + Option + LBookmarks
前のブックマークへジャンプCtrl + Alt + JCommand + Option + JBookmarks
その他
Vueのコンポーネント内容をその場で読み込む+編集Shift + Ctrl + F12 Shift + Command + F12 Vue Peek

基本

VSCodeでもともとあるショートカットについてです。

項目WindowsMac
全般
コマンドパレットを表示F1F1
設定を開くCtrl + ,Command + ,
ファイル操作
ファイルを閉じるCtrl + WCommand + W
新しいファイルを開くCtrl + NCommand + N
保存Ctrl + SCommand + S
名前をつけて保存Ctrl + Shift + SCommand + Shift + S
ファイル名を指定して開くCtrl + PCommand + P
エディタ
カット(範囲選択無しで1行カット)Ctrl + XCommand + X
コピー(範囲選択無しで1行コピー)Ctrl + CCommand + C
カーソル行を下に移動Alt + ↓Option + ↓
カーソル行を上に移動Alt + ↑Option + ↑
行を下にコピーShift + Alt + ↓Shift + Option + ↓
行を上にコピーShift + Alt + ↑Shift + Option + ↑
下に行追加Ctrl + EnterCommand + Enter
上に行追加Ctrl + Shift + EnterCommand + Shift + Enter
コメントアウト・解除Ctrl + /Command + /
ナビ
次のタブに移動Ctrl + PgUp?
前のタブに移動Ctrl + PgDown?
タブでフォーカス切り替えモードをトグルCtrl + MCommand + M
検索・置換
検索Ctrl + FCommand + F
置換Ctrl + HCommand + H
次を検索F3F3
前を検索Shift + F3Shift + F3
マルチカーソル・選択
選択範囲と同じ文字列を追加で選択Ctrl + DCommand + D
カーソル選択箇所を追加Alt + クリックOption + クリック
選択ワードと同じ文字列を全て選択Ctrl + F2Command + F2
ビュー
MarkDownのプレビュー表示・非表示Ctrl + Shift + VCommand + Shift + V
ターミナル
ターミナルを開くCtrl + `Command + `
ターミナルを新しく開くCtrl + Shift + `Command + Shift + `

参考

こちらのショートカットを徐々に使っていきたい

コメント