【vscode】npmと拡張機能の違いが分からない

Question

【vscode】npmと拡張機能の違いが分からない

例えば、PrettierとESlintを導入する手順を調べると、
一部拡張機能で導入する方法と全てnpmで導入する方法が出てきます。

なぜ人によって違うのか疑問に思いました。
npmと拡張機能では、できることが違うのでしょうか。
お手数ですが、ご教示お願い致します。

Answer 1

あるプロジェクトにおいて、npmのパッケージとして導入されているものは、開発チーム全員に共有されます。（開発資産に含まれるため）

そのパッケージの機能は、個々の開発者がVSCodeを利用しているのか否かに関わらず利用されるものです。

VSCodeの機能拡張は、あくまで開発にVSCodeの使っている人固有のものなので、チーム全員がそれを使うとは限りません。

VSCodeの機能拡張が特定のnpmパッケージの機能を利用することはありますが、逆はありません。

Answer 2

npmと拡張機能では、できることが違うのでしょうか。

はい、VSCodeと機能性を統合する（コード上に波線を出すなど）には拡張機能が必要です。

Comments

[chemicalist11]

回答ありがとうございます。
では、逆を言えば、npmだけでPrettierとESlintを導入した場合、
VScode上では、これらの機能（エラー箇所を画面上で指摘等）は確認できないということでしょうか。
（つまり、VScodeでPrettierとESlintを取り入れる手順の場合、npmだけで導入するなんてことは考えにくい？）