VS Code のオススメの拡張機能と、そうでない拡張機能

便利な拡張機能を紹介している記事をよくみますが、利用しないものも理由を添えてメモっておくのも大事だと思います。

僕は PHP, HTML, CSS, JS での開発がメインです。

利用していない拡張機能

Bracket Pair Colorizer

Bracket Pair Colorizer - Visual Studio Marketplace

カッコの対応を色付けして教えてくれます。

少し大きい .sql ファイルを開くと重くなりすぎたので使うのをやめました。

カッコやインデントをわかりやすくする系がよく持て囃されていますが、それに甘えて深くなってしまう気がするので、ネストを深くしないぞという決意もあります。

PHP IntelliSense

PHP IntelliSense - Visual Studio Marketplace

有名な PHP のコード補完ですが、サジェストに時間がかかったりホバー時の詳細が見づらいので PHP Intelephense に乗り換えました。

利用している拡張機能

Apache Conf

Apache Conf - Visual Studio Marketplace

.htaccesshttpd.conf のハイライト。

Auto Rename Tag

Auto Rename Tag - Visual Studio Marketplace

HTML の開始タグを変えると対応する終了タグを自動で変更してくれます。

Code Spell Checker

Code Spell Checker - Visual Studio Marketplace

英語のスペルチェッカーで typo を防ぐために利用。

ワークスペース単位で辞書を管理できるので、プロジェクト固有の略称なんかもバンバン辞書登録していけて便利。

Convert Width

Convert Width - Visual Studio Marketplace

全角 <-> 半角 の変換ができます。

docker

Docker - Visual Studio Marketplace

Docker。

DotENV

DotENV - Visual Studio Marketplace

.env のハイライト。

GitLens

GitLens — Git supercharged - Visual Studio Marketplace

Git を使いやすくします。

Japanese Word Handler

Japanese Word Handler - Visual Studio Marketplace

日本語でも Option + Right, Option + Left で単語単位のカーソル移動ができるようになります。

Japanese Language Pack for Visual Studio Code

Japanese Language Pack for Visual Studio Code - Visual Studio Marketplace

日本人なので。

Markdown All in One

Markdown All in One - Visual Studio Marketplace

Markdown が書きやすくなります。

PHP DocBlocker

PHP DocBlocker - Visual Studio Marketplace

PHPDock のコード補完。

PHP Sniffer & Beautifier

PHP Sniffer & Beautifier - Visual Studio Marketplace

以前ブログに書いたとおり、プロジェクト固有のルールで phpcs と phpcbf を実行できます。

s4-ba.hatenablog.jp

Prettier

Prettier - Code formatter - Visual Studio Marketplace

主に JS, CSS のフォーマットをしてもらう。

Rainbow CSV

Rainbow CSV - Visual Studio Marketplace

CSV をカラムごとに色分けしてくれる。