3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

VSCode: リモート開発環境のほうにローカル側のExtensionsを簡単に入れる方法

Posted at

背景

  • VSCodeを使って、リモート環境に接続して開発したいとき、
  • 各リモート環境毎に拡張機能(Extensions)を追加する必要があります
  • settins.jsonのほうに自動でインストールする拡張機能を記述しておく方法はありそうですが、記述するのが面倒に感じました
  • VSCodeのUIを触っていたら簡単にできたので、備忘録として残しておきます

試した環境

  • OS: Windows 10 + WSL (Ubuntu 18.04) and SSH (Ubuntu 18.04)
  • VSCode: v1.52.1
  • 必要だと思われるExtensions:
    • Remote-WSL: v0.52.0
    • Remote-SSH: v0.63.0
    • Remote Development: v0.20.0
  • 分かりやすいように私のローカルでのVSCodeにはテーマを適用しておきます。
    • image.png

手順

  • Remoteに接続する(詳細は割愛)

    • やり方はいろいろありますが、例えば、左下の下記アイコンから接続します。
    • image.png
    • 最初は何もインストールされていないシンプルな状態です。
    • image.png
  • 左側のアイコンで、拡張機能(Extentionsを選びます)

    • image.png
  • 次のようなペインが出てきます

    • image.png
  • LOCAL-INSTALLEDの行にダウンロードっぽいアイコンがあるのでそれを押下します

    • image.png
  • 次のようなメニューが出ます

    • image.png
  • インストールしたい各拡張機能を選択するか、全選択をして、OKすると、インストールされます

    • image.png
  • 以上でローカル環境と同じ状態になりました。最後まで読んでいただき、誠にありがとうございます。

    • image.png
3
2
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
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?