
こんにちは!静岡県浜松市でWEBデザイナーをしています小瀧です。
VSCode(Visual Studio Code)は、世界中のエンジニアやデザイナーに愛用されている無料のコードエディタですが、「便利なショートカットが多すぎて覚えられない!」という方も多いのではないでしょうか?
そこで今回は、初心者でもすぐに使えるVSCodeのショートカット50選をまとめました!
作業効率を向上させるために、ぜひこのショートカットを活用してください。
1. 基本操作のショートカット
VSCodeを使いこなすための基本的なショートカットを紹介します。
【ファイル操作】
- Ctrl + N(Mac: ⌘ + N) – 新しいファイルを作成
- Ctrl + O(Mac: ⌘ + O) – ファイルを開く
- Ctrl + S(Mac: ⌘ + S) – ファイルを保存
- Ctrl + Shift + S(Mac: ⌘ + Shift + S) – 名前を付けて保存
- Ctrl + W(Mac: ⌘ + W) – 開いているファイルを閉じる
【エディタの基本操作】
- Ctrl + X(Mac: ⌘ + X) – 行を切り取り
- Ctrl + C(Mac: ⌘ + C) – 行をコピー
- Ctrl + V(Mac: ⌘ + V) – 貼り付け
- Ctrl + Z(Mac: ⌘ + Z) – 元に戻す
- Ctrl + Shift + Z(Mac: ⌘ + Shift + Z) – やり直し
2. コード編集のショートカット
コードをより素早く編集するためのショートカットを紹介します。
【カーソル移動】
- Ctrl + →(Mac: ⌥ + →) – 次の単語へ移動
- Ctrl + ←(Mac: ⌥ + ←) – 前の単語へ移動
- Home(Mac: ⌘ + ←) – 行頭へ移動
- End(Mac: ⌘ + →) – 行末へ移動
- Ctrl + Home(Mac: ⌘ + ↑) – ファイルの先頭へ移動
- Ctrl + End(Mac: ⌘ + ↓) – ファイルの末尾へ移動
3. デバッグ・ターミナル関連のショートカット
デバッグやターミナル操作を素早く行うためのショートカットを紹介します。
【デバッグ】
- F5 – デバッグの開始
- Shift + F5 – デバッグの停止
- F9 – ブレークポイントの設定/解除
- F10 – ステップオーバー
- F11 – ステップイン
【ターミナル操作】
- Ctrl + `(Mac: ⌘ + `) – ターミナルの表示/非表示
- Ctrl + Shift + `(Mac: ⌘ + Shift + `) – 新しいターミナルを開く
- Ctrl + C – 実行中のプロセスを中断
【まとめ】
VSCodeのショートカットを活用することで、作業効率を大幅に向上させることができます。
今回紹介したショートカットカテゴリ
- 基本操作 – ファイル管理やエディタ操作を効率化
- コード編集 – 文字入力やカーソル移動をスムーズに
- デバッグ・ターミナル – プログラムの実行と管理を簡単に
日々のコーディングを快適にするために、ぜひ試してみてください!
こんなお悩みありませんか?
- 実店舗の宣伝のためにホームページがほしい!
- サイトをリニューアルしたい
- スマホでも綺麗にサイトを表示したい
- 予算が少ないからきちんと制作してもらえるか不安
- ネットでの集客は成果が上がるのかわからない
そのお悩み全て解決します!
集客できるWebサイトをお求めやすい価格で制作します!
・個人だから他のWeb制作会社よりも圧倒的に安い!
・お客様に寄り添った完全オーダーメイド
お客様一人ひとりに寄り添い、親切丁寧に対応させていただきます。
一緒に素敵なWebサイトを作りましょう!