VSCodeの基本設定
開発効率を上げるための推奨設定です。Settings (Ctrl + ,) から変更できます。
- Auto Save:
afterDelayに設定(自動保存) - Font Size: 14〜16px 推奨
- Tab Size: 2 または 4
- Format On Save: チェックを入れる(保存時に自動整形)
推奨拡張機能
これらを入れるだけで開発が圧倒的に楽になります。
- Prettier: コードを綺麗に自動整形
- Live Server: HTMLの変更をブラウザに即座に反映
- Japanese Language Pack: UIを日本語化
- Auto Close Tag: HTMLタグを自動で閉じる
便利なショートカットキー
| 機能 | Windows | Mac |
|---|---|---|
| コマンドパレット | Ctrl + Shift + P |
Cmd + Shift + P |
| サイドバーの表示/非表示 | Ctrl + B |
Cmd + B |
| 行のコピー | Shift + Alt + ↓ |
Shift + Opt + ↓ |