VSCodeの便利ショートカット50選!作業効率が劇的にアップする使い方まとめ
スポンサーリンク

こんにちは!静岡県浜松市でWEBデザイナーをしています小瀧です。

VSCode(Visual Studio Code)は、世界中のエンジニアやデザイナーに愛用されている無料のコードエディタですが、「便利なショートカットが多すぎて覚えられない!」という方も多いのではないでしょうか?

そこで今回は、初心者でもすぐに使えるVSCodeのショートカット50選をまとめました!
作業効率を向上させるために、ぜひこのショートカットを活用してください。


1. 基本操作のショートカット

VSCodeを使いこなすための基本的なショートカットを紹介します。

【ファイル操作】

  1. Ctrl + N(Mac: ⌘ + N) – 新しいファイルを作成
  2. Ctrl + O(Mac: ⌘ + O) – ファイルを開く
  3. Ctrl + S(Mac: ⌘ + S) – ファイルを保存
  4. Ctrl + Shift + S(Mac: ⌘ + Shift + S) – 名前を付けて保存
  5. Ctrl + W(Mac: ⌘ + W) – 開いているファイルを閉じる

【エディタの基本操作】

  1. Ctrl + X(Mac: ⌘ + X) – 行を切り取り
  2. Ctrl + C(Mac: ⌘ + C) – 行をコピー
  3. Ctrl + V(Mac: ⌘ + V) – 貼り付け
  4. Ctrl + Z(Mac: ⌘ + Z) – 元に戻す
  5. Ctrl + Shift + Z(Mac: ⌘ + Shift + Z) – やり直し


2. コード編集のショートカット

コードをより素早く編集するためのショートカットを紹介します。

【カーソル移動】

  1. Ctrl + →(Mac: ⌥ + →) – 次の単語へ移動
  2. Ctrl + ←(Mac: ⌥ + ←) – 前の単語へ移動
  3. Home(Mac: ⌘ + ←) – 行頭へ移動
  4. End(Mac: ⌘ + →) – 行末へ移動
  5. Ctrl + Home(Mac: ⌘ + ↑) – ファイルの先頭へ移動
  6. Ctrl + End(Mac: ⌘ + ↓) – ファイルの末尾へ移動


スポンサーリンク

3. デバッグ・ターミナル関連のショートカット

デバッグやターミナル操作を素早く行うためのショートカットを紹介します。

【デバッグ】

  1. F5 – デバッグの開始
  2. Shift + F5 – デバッグの停止
  3. F9 – ブレークポイントの設定/解除
  4. F10 – ステップオーバー
  5. F11 – ステップイン

【ターミナル操作】

  1. Ctrl + `(Mac: ⌘ + `) – ターミナルの表示/非表示
  2. Ctrl + Shift + `(Mac: ⌘ + Shift + `) – 新しいターミナルを開く
  3. Ctrl + C – 実行中のプロセスを中断

【まとめ】

VSCodeのショートカットを活用することで、作業効率を大幅に向上させることができます。

今回紹介したショートカットカテゴリ
  1. 基本操作 – ファイル管理やエディタ操作を効率化
  2. コード編集 – 文字入力やカーソル移動をスムーズに
  3. デバッグ・ターミナル – プログラムの実行と管理を簡単に

日々のコーディングを快適にするために、ぜひ試してみてください!

静岡県浜松市でホームページ制作ならsatokotadesign
静岡県浜松市でホームページ制作ならsatokotadesign

 

 

こんなお悩みありませんか?
  • 実店舗の宣伝のためにホームページがほしい!
  • サイトをリニューアルしたい
  • スマホでも綺麗にサイトを表示したい
  • 予算が少ないからきちんと制作してもらえるか不安
  • ネットでの集客は成果が上がるのかわからない

そのお悩み全て解決します!

集客できるWebサイトをお求めやすい価格で制作します!

・個人だから他のWeb制作会社よりも圧倒的に安い!

・お客様に寄り添った完全オーダーメイド

お客様一人ひとりに寄り添い、親切丁寧に対応させていただきます。

一緒に素敵なWebサイトを作りましょう!

スポンサーリンク
おすすめの記事