火曜日, 7月 29, 2025
火曜日, 7月 29, 2025
- Advertisment -
ホームニューステックニュース初心者向けVScode初期設定・ショートカットまとめ #VSCode - Qiita

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



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

今回、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





Source link

Views: 0

RELATED ARTICLES

返事を書く

あなたのコメントを入力してください。
ここにあなたの名前を入力してください

- Advertisment -