いま入れる価値のあるVS Code拡張を8つ

拡張の紹介リストはたいてい水増しされています。半分はエディタが既にできることの重複か、年に二度しか使わない機能のために起動を遅くするだけです。

これは短縮版。私のマシンにまだ入っている8つです。

コード品質

ESLint

Lintのエラーを、20分後のパイプラインではなく入力中に見せてくれます。

marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint

整形

Prettier

整形を誰の判断でもなくすことで、レビューでの書式論争を終わらせます。

marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

gitの履歴

GitLens

その行を誰がなぜ書いたのかを、ファイルを離れずに教えてくれます。

marketplace.visualstudio.com/items?itemName=eamodio.gitlens

診断

Error Lens

エラー文をパネルに隠さず、コードのすぐ隣に表示します。

marketplace.visualstudio.com/items?itemName=usernamehw.errorlens

コンテナ

Docker

ターミナルに切り替えずにイメージ、コンテナ、composeファイルを扱えます。

marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-docker

HTTPリクエスト

REST Client

API呼び出しをコードの隣にコミットできるプレーンな.httpファイルに置いておけます。

marketplace.visualstudio.com/items?itemName=humao.rest-client

補完

Path Intellisense

ファイルパスを補完し、typoの一群を静かに消し去ります。

marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense

統一

EditorConfig

インデントと改行コードをエディタ間・メンバー間で揃えます。

marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig

エディタが重いと感じたら、直し方はたいてい拡張を足すことではなく減らすことです。

選ぶだけでなく、作る必要がありますか?

Webアプリ、API、インフラ、インターフェース。バルセロナ拠点のフリーランス、世界中のクライアントと。

問い合わせる


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *