10
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

初心者向けVScode初期設定・ショートカットまとめ

Last updated at Posted at 2025-04-13

はじめに

今回、VScodeについて、
一番はじめに知っておくと便利なことについてまとめてみました!

ショートカットキー集などは多いため、
頻繁につかう設定や使い方のコツのみを厳選しています。

目次

  1. 初期設定
    1. 自動保存
    2. 手動保存時にフォーマット
  2. 使い方のコツ
    1. 範囲選択でできること
    2. ショートカット

初期設定

  1. VScodeの左下にあるアイコンから、設定を開く
  2. Settings(Ctrl + ,)を選択
    image.png

自動保存

  1. 検索バーに「auto save」と入力
  2. offから「afterDelay」に変更

→ 変更をするたびに保存がされます!

image.png

手動保存時にフォーマット

  1. 検索バーに「format on save」と入力
  2. チェックボックスにチェックをつける

→ ctrl + S を押すと、フォーマットがされます!

image.png

使い方のコツ

範囲選択でできること

範囲を選択した状態で、
Alt + 矢印 -> 選択範囲をそのまま移動
レコーディング-2025-04-13-103522.gif

範囲を選択した状態で、
Tab -> 一気にTabを右に
Shift + Tab -> 一気にTabを左に
レコーディング-2025-04-13-103739.gif

範囲を選択した状態で、
ctrl + / -> 一気にコメントアウト or 一気にコメントアウト解除
レコーディング-2025-04-13-103928.gif

ショートカット

ctrl + F -> ファイル内検索
ctrl + P -> ファイル自体を検索

ctrl + Z -> 1つ戻る
ctrl + Y -> 1つ先に

image.png

ctrl + B or 左から2番目のアイコンを押す -> 左のエクスプローラーを開閉する
ctrl + J or ctrl + @ or 左から3番目のアイコンを押す -> ターミナルを開く

おわりに

もしまだまだ使えるショートカットがありましたら、
コメントアイコンを押して、コメントおねがいいたします!

読んでいただきありがとうございました!

image.png

10
16
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
10
16

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?