VSCodeショートカットまとめ(シンプルで見やすい一覧表)
※本ページは、アフィリエイト広告を利用しています
コード エディターVisual Studio Code(VSCode)のショートカットを用途別に表にまとめました。macOS・Windowsの両OSのショートカットを記載しています。
スマホで見る
Warning: Undefined variable $subtitle_text__shortcode_amazon__amazon in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/affiliate_subtitle_text.php on line 11
Warning: Undefined variable $subtitle_text__shortcode_amazon__rakuten in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/affiliate_subtitle_text.php on line 12
Warning: Undefined variable $subtitle_text__shortcode_kindle__kindle in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/affiliate_subtitle_text.php on line 26
Warning: Undefined variable $subtitle_text__shortcode_kindle__rakuten in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/affiliate_subtitle_text.php on line 27
Warning: Undefined variable $subtitle_text__shortcode__amazon in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/affiliate_subtitle_text.php on line 30
Warning: Undefined variable $html_star in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/shortcode_kindle.php on line 50
Warning: Undefined variable $html_btn_affiliate in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/shortcode_kindle.php on line 67
Warning: Undefined variable $html_review in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/shortcode_kindle.php on line 101
Warning: Undefined variable $subtitle_text__shortcode_amazon__amazon in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/affiliate_subtitle_text.php on line 11
Warning: Undefined variable $subtitle_text__shortcode_amazon__rakuten in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/affiliate_subtitle_text.php on line 12
Warning: Undefined variable $subtitle_text__shortcode_kindle__kindle in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/affiliate_subtitle_text.php on line 26
Warning: Undefined variable $subtitle_text__shortcode_kindle__rakuten in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/affiliate_subtitle_text.php on line 27
Warning: Undefined variable $subtitle_text__shortcode__amazon in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/affiliate_subtitle_text.php on line 30
Warning: Undefined variable $html_star in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/shortcode_kindle.php on line 50
Warning: Undefined variable $html_btn_affiliate in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/shortcode_kindle.php on line 67
Warning: Undefined variable $html_review in /home/t74/koreyome.com/public_html/wp-content/themes/tech/functions/shortcode_kindle.php on line 101
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クリエイター&エンジニアの作業がはかどる新世代エディターの操り方
これ1冊でできる!Visual Studio Code 超入門
