この記事で分かること

.vscode/extensions.json の使い方

背景

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

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

Prettierを例に説明します。

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

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

.vscode/extensions.json

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

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

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