BLOG

ブログ

初心者必見!VS Codeショートカット15選【Mac版】

こんにばちんわ。

バックエンドエンジニアのもときです。

今回は、日頃からよく使用するエディタ「VS Code」の厳選15ショートカットキーをご紹介させていただきます。

また、ページ下部にて「プチチートシート」を記載しています。

こちらは公式チートシートを基に「これだけ覚えれば作業効率Up」となる、おすすめのショートカットを一覧にしました。

※注意

重複箇所が存在する可能性がありますが、ご了承お願いいたします。

【対象読者別メッセージ】

初心者:「はじめに、基本操作を覚えましょう!」

中級者:「大半のショートカットキーの把握をされていると思いますが、参考程度に眺めてください。」

上級者:「ブラウザバックをしてください。」

厳選15 ショートカット一覧

操作キー1キー2
検索⌘ + F
複数ファイル検索⌘ + Shift + F
行複製⌥ + Shift + ↓↑
カーソル追加(上下)⌥ + ⌘ + ↓↑
単語選択⌘ + D
置換⌥ + ⌘ + F
正規表現-検索/置換Toggle⌥ + ⌘ + R
ファイル検索/移動⌘ + P
指定行ジャンプ ^ + G
エディタ移動⌥ + ⌘ + ← →
コマンドパレット表示⌘ + Shift + P / F1
エクスプローラーToggle⌘ + Shift + E
VS CodeウィンドウToggle^ + W
エディタのピン留め/解除⌘ + KShift + Enter
パネルToggle⌘ + J

行複製からの単語選択、短形選択からの単語選択のコンビネーションはよく使用します。

置換系は正規表現での置換が多いので重宝しています。

この15選の中でお気に入りのショートカットは「ピン留め」です。

⌘+K,Wでエディタを全て閉じる際に、ピン留めエディタは除外されるのでスッキリします!

プチチートシート

基本操作(General + Basic editing)

操作キー1キー2
コマンドパレット表示⌘ + Shift + P / F1
ファイル検索/移動⌘ + P
新規ウィンド作成Shift + ⌘ + N
ウィンド/アクティブエディタ閉じる⌘ + W
設定⌘ + ,
キーボードショートカット⌘ + K⌘ + S
切り取り⌘ + X
コピー⌘ +C
カーソル行移動(上下) + ↑↓
カーソル行コピー(上下)Shift + ⌥ + ↑↓
カーソル行削除Shift + ⌘ + K
下に行追加/上に行追加⌘ + Enter / Shift + ⌘ + Enter
括弧移動Shift + ⌘ + ¥
インデント追加/インデント削除⌘ + ] / ⌘ + [
ファイルの先頭/末尾移動⌘ + ↑↓
行コメントアウト⌘ + K⌘ + C
行コメントアウト解除⌘ + K⌘ + U
行コメントアウトToggle⌘ + /
ブロックコメントアウトToggleShift + ⌥ + A

マルチカーソルと選択(Muti-cursor and selection)

操作キー1キー2
カーソル追加(上下)⌘ + ⌥ + ↑↓
カーソル操作戻る⌘ + U
単語選択⌘ + D
選択ワードの全マッチを選択⌘ + F2

検索と置換(Search and replace)

操作キー1キー2
検索⌘ + F
置換⌥ + ⌘ + F
検索(次/前)⌘ + G / Shift +⌘ + G
複数ファイル検索⌘ + Shift + F
複数ファイル置換⌘ + Shift + H
大小文字-検索/置換切り替え⌥ + ⌘ + C
完全一致-検索/置換切り替え ⌥ + ⌘ + W
正規表現-検索/置換切り替え⌥ + ⌘ + R

ナビゲーション(Navigation)

操作キー1キー2
全てのシンボル表示^ + T
指定行ジャンプ^ + G
ファイル検索/移動⌘ + P
指定シンボルに移動Shift + ⌘ + O
エラーと警告移動(次/前)F8 / Shift + F8
アクティブエディタ(次/前)^ + - / ^ + Shift + -

エディター管理(Editor management)

操作キー1キー2
エディタ閉じる⌘ + W
フォルダ閉じる⌘ + K F
エディタ分割 ^ + ⌥ + ⌘ + ¥

ファイル管理(File management)

操作キー1キー2
新規ファイル⌘ + N
保存 ⌘ + S
閉じる⌘ + W
全てのエディタを閉じる(ピン留め以外)⌘ + KW
閉じたエディタを再度開く⌘ + Shift + T
アクティブファイルのパスコピー⌘ + KP
アクティブファイルをFinderで開く⌘ + KR
新規ウィンドウでアクティブファイルを開く⌘ + KO

画面(Display)

操作キー1キー2
全画面Toggle^ + ⌘ + F
エクスプローラー表示/非表示⌘ + Shift + E
拡張機能表示/非表示⌘ + Shift + X
ソース管理表示/非表示^ + Shift + G
サイドバーToggle⌘ + B
拡大/縮小⌘ + Shift + + / ⌘ + -
プレビュー表示⌘ + KV

統合ターミナル(Integrated terminal)

操作キー1キー2
パネル切り替え⌘ + J
新規ターミナル^ + ⌘ + @

まとめ

いかがでしたでしょうか。

基本となるショートカットを抑えておくだけでも、かなり作業スピードが上がると思います。

キーボードで完結しようとせず、楽できる箇所はしっかりマウスも使用した方が良いと思います!

私自身、これまでにいろいろなエディタを使用してきました。

  • Eclipse
  • VS Code
  • Visual Studio
  • Vim
  • サクラエディタ
  • Atom

その中でも一番使いやすいと感じたエディタが「VS Code」でした。

各エディタには長所短所があると思いますが、結局は自分に合ったエディタを使うのが良いですね。

最後に、Twitterフォローお願いします!

  • この記事を書いた人
  • 最新の記事

Nagasaka Tomoki

バックエンド対応です 今後はAWSに注力したいと思います