WebデザインWeb関連

VS Code 便利なショートカット一覧

vscode便利なショートカット一覧 Webデザイン

Visual Studio Code(以下、VSCode)で使える便利なショートカットキー一覧を備忘録としてまとめておきます。ショートカットキーを覚えると作業効率が一気に上がります。爆速コーディングを目指して使いこなしていきましょう!がんばれ自分…。

基本系のショートカットキー

内容ショートカットキー
(Windows/macOS)
ファイルを閉じるCtrl/Cmd + W
新しいファイル作成Ctrl/Cmd + N
ファイルを保存Ctrl/Cmd + S
名前を付けてファイルを保存Ctrl/Cmd + Shift + S
一つ前のファイルの状態に戻るCtrl/Cmd + Z
やり直し(戻ったことをやり直したい)Ctrl/Cmd + Shift + Z
コメントアウトCtrl/Cmd + /
コピーCtrl/Cmd + C
ペーストCtrl/Cmd + V
切り取りCtrl/Cmd + X

検索・置換系のショートカットキー

内容ショートカットキー
(Windows/macOS)
現在いるファイル内での検索Ctrl/Cmd + F
ファイル検索(クイックオープンウィンドウ)Ctrl/Cmd + P
単語選択Ctrl/Cmd + D
文字列の選択Ctrl/Cmd + Shift + L
フォルダ/ワークスペース全体を検索Ctrl/Cmd + Shift + F
フォルダ/ワークスペース全体を置換Ctrl/Cmd + Shift + H
文字の置換Ctrl + H / Cmd + Option + F

移動系のショートカットキー

内容ショートカットキー
(Windows/macOS)
先頭へCtrl/Cmd + Home/↑
一番下へCtrl/Cmd + End/↓
行の先頭キー不要/Cmd + End/←
行の最後へ移動キー不要/Cmd + Home/→
行を移動Alt/Option + ↑/↓
行を指定して移動Ctrl/Cmd + G
対の括弧に移動Ctrl/Cmd + Shift + \
タブの移動Ctrl/Cmd + Tab

選択系のショートカットキー

内容ショートカットキー
(Windows/macOS)
すべてを選択Ctrl/Cmd + A
同じ文字列を複数選択Ctrl/Cmd + D
選択した行の複製Alt/Option + Shift + ↑/↓
選択した行の削除Ctrl/Cmd + Shift + K

開閉系のショートカットキー

内容ショートカットキー
(Windows/macOS)
PowerShell/ ターミナルの開閉Ctrl/Cmd + J
サイドバーの開閉Ctrl/Cmd + B
ショートカットキー設定を開くCtrl/Cmd + K Ctrl + S
エクスプローラーを開くCtrl/Cmd + Shift + E
検索を開くCtrl/Cmd + Shift + F
ソース管理を開くCtrl/Cmd + Shift + G
デバッグを開くCtrl/Cmd + Shift + D
拡張機能を開くCtrl/Cmd + Shift + X
出力を開閉Ctrl/Cmd + Shift + U
問題を開閉Ctrl/Cmd + Shift + M
デバッグコンソールを開閉Ctrl/Cmd + Shift + Y
統合ターミナルを開閉Ctrl/Cmd + Shift + @

その他の便利なショートカットキー

内容ショートカットキー
(Windows/macOS)
画面の2分割Ctrl/Cmd + \
差分ビューが開き、未保存の変更箇所を確認Ctrl/Cmd + KD
Alt + F5 で次の変更箇所にジャンプ
設定画面を開くCtrl/Cmd + ,
ショートカットキー設定を開くCtrl/Cmd + K Ctrl/Cmd + S
配色テーマの変更Ctrl/Cmd + K Ctrl/Cmd + T

comment

タイトルとURLをコピーしました