この記事で分かること

.vscode/extensions.json の使い方

背景

社内では新規参集者はVScode拡張機能は各自手動でinstallし、既存社員の設定に合わせています。
これだと全部installしたか確認しながら進めないといけないし、手動で一つずつinstallする為、手間なのでは思っていたからです。

以下の記事を参考に進めます。

Prettierを例に説明します。

Prettierをクリックすると以下のようにタブが表示されます。

「歯車をクリックし、ワークスペースの推奨事項に追加する」をクリックすると以下のファイルが自動で生成されます。

.vscode/extensions.json

{
    "recommendations": [
        "esbenp.prettier-vscode"
    ]
}

@recommended を拡張機能の検索窓に打ち込むと以下のように推奨されている拡張機能が表示されます。

各拡張機能の設定は .vscode/settings.json で共有できます
extensions.jsonのrecommendationsのプロパティにある"esbenp.prettier-vscode"というのは拡張機能IDと言います。
これは拡張機能のタブで歯車を押して、拡張機能IDのコピーを押すとの確認できます。

extensions.jsonを使うと以下のメリットがあるなと思いました。