【VSCode】拡張機能の推奨設定方法、インストール方法

開発

推奨する拡張機能を共有するための設定手順です。
VSCodeでチーム開発を行う時に便利な機能です。プロジェクトの開発環境構築時に使用したので記録しておきます。

設定手順

設定ファイルを作成する

extensions.json.vscodeディレクトリ内に作成します。

おすすめの拡張機能のIDを記載する

追加する拡張機能のIDをコピー

任意の拡張機能の設定アイコンをクリックして、「拡張機能IDのコピー」をクリックします。

extensions.json に追加

recommendationsの配列にペーストします。

{
  "recommendations": [
    "dbaeumer.vscode-eslint", // eslint
    "esbenp.prettier-vscode", // prettier
    "EditorConfig.EditorConfig", // editorconfig
  ]
}

これで設定は完了です!

設定を元にインストールする方法

該当ワークスペースをVSCodeで開く

拡張機能の推奨設定があるプロジェクトのディレクトリを開きます。

拡張機能メニューを開いて、@recommended と入力

@recommendedと入力すると、推奨する拡張機能が表示されます。
あとは「インストール」ボタンをクリックすればインストールできます!

タイトルとURLをコピーしました