VSCodeショートカットまとめ(シンプルで見やすい一覧表)

VSCodeショートカットまとめ(シンプルで見やすい一覧表)

コード エディターVisual Studio Code(VSCode)のショートカットを用途別に表にまとめました。macOS・Windowsの両OSのショートカットを記載しています。

スマホで見る

VSCodeショートカットまとめ(シンプルで見やすい一覧表)

VSCodeショートカットまとめ(シンプルで見やすい一覧表)

macOS特定キーの記号表記解説

記号表記 記号の意味
Command
Option(alt)
Control
Shift
Backspace

目的別ショートカット

タブ・エディター・パネル

役割 macOS Windows
コマンドパレット起動 ⌘ + ⇧ + P Ctrl + Shift + P
アクティブタブの順番を左へ移動 ⌘ + K → ⇧ + ⌘ + ← Ctrl + Shift + page up
アクティブタブの順番を右へ移動 ⌘ + K → ⇧ + ⌘ + → Ctrl + Shift + page down
アクティブタブを左隣へ切り替え (タブ上で)Shift + マウスホイールUP (macOSと同じ) Ctrl + page up
アクティブタブを右隣へ切り替え (タブ上で)Shift + マウスホイールDOWN (macOSと同じ) Ctrl + page down
エディターのタブを切り替える ⌘ + Tab Ctrl + Tab
エディターの分割 ⌘ + ⌥ + ⌃ + \ Ctrl + \
エディターレイアウトの垂直/水平を切り替える ⌘ + ⌥ + 0 Shift + Alt + 0
アクティブドキュメントのエディタを左右レイアウトに移動 ⌘ + ⌃ + ←→ Ctrl + Alt + ←→
パネルの表示(ターミナルとかの下部ウィンドウのやつ) ⌘ + J Ctrl + J
新しいターミナルを開く ⌃ + ⇧ + ^ Ctrl + Shift + @
アクティブドキュメントを基準にコマンドプロンプトを立ち上げ ⌘ + ⇧ + C Ctrl + Shift + C
Zen Mode の切り替え ⌘ + K → Z Ctrl + K → Z

フォント・テキスト・カーソル

役割 macOS Windows
フォントを小さく ⌘ + – Ctrl + Shift + –
フォントを大きく ⌘ + ⇧ + – Ctrl + Shift + ;
文字列を大文字に変換 ⇧ + ⌥ + ⌘ + I ⌘ + ⇧ + P からの Transform to Uppercase Ctrl + Shift + Alt + I Ctrl + Shift + P からの Transform to Uppercase
文字列を小文字にj変換 ⇧ + ⌥ + ⌘ + U ⌘ + ⇧ + P からの Transform to Lowercase Ctrl + Shift + Alt + U Ctrl + Shift + P からの Transform to Lowercase
テキストカーソルを複数行に増やす ⌘ + ⌥ + ↓ or ↑ Ctrl + Alt + ↓ or ↑
行を跨いでテキストを選択 マウスホイールボタンドラッグ (macOSと同じ)
文字コードを指定してファイルを開き直す (⌘ + ⇧ + P) >Change File Encoding (Ctrl + Shift + P) >Change File Encoding
インデント形式の指定 (⌘ + ⇧ + P) >Indent Using Tabs | Spaces (Ctrl + Shift + P) >Indent Using Tabs | Spaces
文書中の同じテキストを選択(選択範囲の追加) ⌘ + D Ctrl + D
文書中の全ての同じテキストを選択 ⌘ + ⇧ + L Ctrl + Shift + L
特定の行を上下に移動する ⌥ + ↑↓ Alt + ↑↓
特定の行を上下にコピーする ⌥ + ⇧ + ↑↓ Alt + Shift + ↑↓
カーソルを複数に増やす(選択行の上下) ⌘ + ⌃ + ↑↓ Ctrl + Alt + ↑↓
カーソルを複数に増やす(クリック箇所) ⌥ + クリック Alt + クリック
矩形選択 ⌥ + ⇧ + ドラッグ Shift + Alt + ドラッグ
矩形選択 マウスセンターホイールでドラッグ (macOSと同じ)
ファイル内容を比較(1. 比較対象の選択、2. 選択項目と比較) (エディター内右クリック) Select Text for Compare Compare Text with Previous Selection Compare Text with Clipboard Compare Text in Visible Editors (macOSと同じ)
検索 ⌘ + F Ctrl + F
置換 ⌘ + ⌃ + F Ctrl + H
フォルダーを指定して検索 ⌘ + ⇧ + F Ctrl + Shift + F
複数のファイルで置換 ⌘ + ⇧ + H Ctrl + Shift + H

コーディング

役割 macOS Windows
コード整形 ⌥ + ⇧ + F
⌘ + K → ⌘ + F
Shift + Alt + F
選択行のコメント切り替え ⌘ + / Ctrl + /
対応するブラケットへ移動 ⌘ + ⇧ + \ Ctrl + Shift + \
定義へ移動(CSS等) F12 F12
定義プレビュー Ctrl + ホバー
定義プレビュー Ctrl + ホバー
⌃ + F12
Ctrl + ホバー
Alt + F12
ファイルに移動 ⌘ + P Ctrl + P
参照へ移動 ⇧ + F12 Shift + F12
作業ファイルを前|次と切り替え表示 ⌃ + ←→ Alt + ←→
クイックフィックス(リファクタリングアクション)→ Extract method ⌘ + . Ctrl + .
シンボル名の変更 F2
右クリック → シンボルの名前変更
(macOSと同じ)
Visual Studio Code完全入門 Webクリエイター&エンジニアの作業がはかどる新世代エディターの操り方

Visual Studio Code完全入門 Webクリエイター&エンジニアの作業がはかどる新世代エディターの操り方

これ1冊でできる!Visual Studio Code 超入門

これ1冊でできる!Visual Studio Code 超入門

Share