0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

[VS Code] ショートカットキー

Last updated at Posted at 2023-11-23

概要

VSCodeのショートカットをまとめました
画面キャプチャはWindows11 上のものです。

表示系 

コマンドパレットの表示

  • Windows: Ctrl+Shift+P
  • Mac: ⇧⌘P, F1
    image.png

エクスプローラの表示

  • Windows: Ctrl+Shift+E
  • Mac: ⇧⌘E
    image.png

検索パネルの表示

  • Windows: Ctrl+Shift+F
  • Mac: ⇧⌘F
    image.png

ソース管理パネルの表示

  • Windows: Ctrl+Shift+G
  • Mac: ⇧⌘G

image.png

プログラムの実行

  • Windows: Ctrl+Shift+D
  • Mac: ⇧⌘D
    image.png

拡張機能の表示

  • Windows: Ctrl+Shift+X
  • Mac: ⇧⌘X

image.png

問題パネルの表示

  • Windows: Ctrl+Shift+M
  • Mac: ⇧⌘M

image.png

出力パネルの表示

  • Windows: Ctrl+Shift+U
  • Mac: ⇧⌘U

image.png

デバッグコンソールパネルの表示

  • Windows: Ctrl+Shift+Y
  • Mac: ⇧⌘Y

image.png

ターミナルパネルの表示

  • Windows: Ctrl+@
  • Mac: ⌘`

image.png

改行切り替え

  • Windows: Alt+Z
  • Mac: Option+Z

image.png

image.png

編集系

コード整形

  • Windows: Shift+Alt+F
  • Mac: ⇧⌥F

image.png

image.png

行切り取り

  • Windows: Ctrl+X

  • Mac: ⌘X

  • ①16行目にフォーカス
    image.png

  • ②行切り取りのショートカット(Ctrl+X/⌘X)

  • ③16行目が削除されたことを確認
    image.png

  • クリップボードにコピーされていることを確認
    image.png

行コピー

  • Windows: Ctrl+C

  • Mac: ⌘C

  • ①15行目にフォーカス
    image.png

  • ②行コピーのショートカット(Ctrl+C/⌘C)

    • クリップボードにコピーされた
      image.png

行を下へ移動する

  • Windows: Alt+↓

  • Mac: ⌥↓

  • 15行目にフォーカス
    image.png

  • ショートカットキー( Alt+↓/ ⌥↓ )

  • 15行目のデータが16行目に移動
    image.png

行を上へ移動する

  • Windows: Alt+↑

  • Mac: ⌥↑

  • 17行目にフォーカス
    image.png

  • ショートカットキー( Alt+↑/ ⌥↑ )

  • 17行目のデータが16行目に移動
    image.png

行を下へコピーする

  • Windows: Shift+Alt+↓

  • Mac: ⇧⌥↓

  • 15行目にフォーカス
    image.png

  • ショートカットキー( Shift+Alt+↓/ ⇧⌥↓ )

  • 15行目のデータが16行目にコピーされた
    image.png

行を上へコピーする

  • Windows: Shift+Alt+↑

  • Mac: ⇧⌥↑

  • 17行目にフォーカス
    image.png

  • ショートカットキー( Shift+Alt+↑/ ⇧⌥↑ )

  • 17行目のデータが16行目にコピーされた
    image.png

行の削除

  • Windows: Ctrl+Shift+K

  • Mac: ⇧⌘K

  • 17行目にフォーカス
    image.png

  • ショートカットキー( Ctrl+Shift+K/ ⇧⌘K )

  • 17行目のデータが削除された
    image.png

行を下に挿入

  • Windows: Ctrl+Enter

  • Mac: ⌘Enter

  • 17行目にフォーカス ※行の末尾ではなく、行の中間にフォーカスしている
    image.png

  • ショートカットキー( Ctrl+Enter/ ⌘Enter )

  • 17行目の下に行が挿入された ※行の末尾に移動しなくても、改行できるメリットが有る
    image.png

インデントを下げる

  • Windows: Ctrl+]

  • Mac: ⌘]

  • 17行目にフォーカス ※行の先頭ではなく、行の中間にフォーカスしている
    image.png

  • ショートカットキー( Ctrl+]/ ⌘] )

  • 17行目のデータがインデントされた ※行の先頭に移動しなくても、インデントできるメリットが有る
    image.png

インデントを上げる

  • Windows: Ctrl+[

  • Mac: ⌘[

  • 17行目にフォーカス ※行の先頭ではなく、行の中間にフォーカスしている
    image.png

  • ショートカットキー( Ctrl+[/ ⌘[ )

  • 17行目のデータがインデントされた ※行の先頭に移動しなくても、インデントを上げられるメリットが有る
    image.png

入力補完

  • Windows: Ctrl+Space
  • Mac: ⌃Space

image.png

複数指定 - 同時編集

  • Windows: Ctrl+D

  • Mac: ⌘D

  • 文字列を任意に選択した上で、ショートカット(Ctrl+D/⌘D)入力で、複数同じ文字列を選択可能

  • 選択した文字列は同時に編集することが可能となる

fukusu-edit.gif

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?