LoginSignup
1
0

More than 1 year has passed since last update.

【VSCode】推奨拡張機能をワークスペースに設定する方法

Posted at

VSCodeではプロジェクトに設定ファイルを設置することでワークスペースごとに推奨・非推奨の拡張機能を表示することができる機能があります。

VSCodeの設定の統一は後々行うと、拡張を導入したことでの修正が必要になるなど時間コストがかかる可能性があるのでプロジェクト初期に行うのがおすすめです。

また、開発途中で拡張機能を設定した場合でもチームメンバーへ共有できるで開発環境の統一に便利です。

推奨拡張機能を表示する

公式ドキュメント

設定方法

  1. 推奨したい拡張機能のページにアクセスします。

    スクリーンショット 2022-11-24 19.42.09.png

  2. command+shift+pでコマンドパレットを開き、 拡張機能:ワークスペース フォルダーの推奨事項に拡張機能を追加する Extensions: Add to Recommended Extensions (Workspace Folder) を選択します。

    スクリーンショット 2022-11-24 19.45.03.png

    .vscode/extensions.jsonがない場合は生成され、拡張機能が recommendations に追加されます。

    スクリーンショット 2022-11-24 19.49.19.png

以上で設定は完了です!

recommendationsは {publisher}.${name} の形式で記述します。

{publisher}.${name} は拡張機能の詳細の画面右にある識別子から確認可能です。

スクリーンショット 2022-11-24 19.53.36.png

または、拡張機能のメニューから「拡張機能IDをコピー」でも取得できます。

スクリーンショット 2022-11-24 20.29.16.png

推奨機能のインストール方法

  1. 推奨機能を表示

    推奨拡張機能をインストールしていない環境でそのプロジェクトを開くと、右下にポップアップが表示されるので、「推奨事項を表示」をクリックします。

    スクリーンショット 2022-11-24 21.19.55.png

    または、拡張機能メニューを開いて、検索窓に **@recommended と入力することでも表示可能です。

    スクリーンショット 2022-11-24 20.25.43.png

  2. 推奨機能をインストール

インストールされていない拡張機能はインストールボタンが表示されるので、クリックすることでインストール可能です。

まとめてインストールする場合は、ワークスペースの推奨事項の横にある↓マークをクリックします。

スクリーンショット 2022-11-24 21.39.36.png

参考


最後に

非推奨拡張機能についての設定方法も参考にはありましたが、特にポップアップも表示されないし、検索方法も見つけられなかったので表示できなかった…。

公式でキーワード検索してもヒットしなかったから今は使えなくなったのか?

disabledの設定もしてみたけどwarningが出てたし、検索してもヒットしなかったから使えなさそう。

非推奨拡張の設定についてよかったらアドバイスください!

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0