コーディング効率が上がるVS Code拡張機能

みなさんこんにちは。
本日は、コーディングの効率が上がる、
VS Codeの拡張機能について4選お話しします。

Prettier

コードを自動で整形してくれる拡張機能です。
保存するだけで、インデント改行、クォーテーションなどを綺麗に揃えてくれます。

特にHTMLやCSSを書いてると、
コードが見やすいだけでかなり楽になります。

コーディング作業では、必須の拡張機能ですね！

Auto Rename Tag

HTMLタグを変更すると、
閉じタグも自動で変更してくれるというものです。

階層が深くなったりすると、
閉じタグを忘れたりって結構ありますし、
閉じタグひとつでサイトが大幅に崩れたりするので、
地味ですが、重宝してます。

Live Server

保存した瞬間にブラウザを自動更新してくれます。
毎回リロードしなくていいので、
コーディングのテンポがかなり良くなります。

これもコーダーとして必須の拡張プラグイン。

GitHub Copilot

やはりAIは強い!!
ゼロから書くより、AIが書いたコードを修正することの方が、
多くなってきた現代のコーディングですが、こちらを使えば、
爆速でコーディングができます。

まとめ

拡張機能は便利ですが、
増やしすぎると逆に混乱します。

まず入れるなら、

Prettier
Live Server
Auto Rename Tag

この3つだけでもかなり快適になります。
それではみなさん、良いコーディングライフを！