広告

【VS Code】Dev Containersで「Open Folder in Container」などのメニューが表示されない

【VS Code】Dev Containersで「Open Folder in Container」などのメニューが表示されない VS Code

当サイトではアフィリエイト広告を利用しています。

広告

はじめに

みなさんプログラミングの際にVS Codeを使っていますでしょうか。
私はよく使っています!

とても軽量ですし、必要最低限の機能はもちろん、ソースの管理や、デバッグ、強力な拡張機能など、非常に気に入っております。

VS CodeとDockerを使用して、リモート開発は本当に便利です。

【VSCode/Dev Containers】DockerでPython開発【Win/Mac】
VS CodeでDockerコンテナを使いリモート開発を試してみました。Dockerを使いPython環境を用意し、VS Codeでリモートデバッグを行いないます。

今回は、Dev Containers拡張機能のメニューの表示に仕様変更があったためまとめました。

Dev Containers拡張機能で解説しますが、WSLやSSH拡張機能も同様です。

他にも私のブログで、VS Codeについて解説している記事がありますのでご覧ください。

環境

今回試した環境
  • Windows 11 / 10
  • macOS Monterey (M1)
  • Visual Studio Code
  • Docker

2025/01/13 WindowsとMacを使い、最新バージョンで確認しました。

参考

拡張機能について詳しくは以下の記事を参考にしてください。

Developing inside a Container
Developing inside a Container using Visual Studio Code Remote Development

VS Codeインストール

VS Codeのインストール方法は、以下の記事にまとめましたのでご覧ください。

【VS Code】インストール手順を解説 【Windows/M1 Mac対応】
今回はVS Codeのインストール手順を解説します。WindowsとMacのそれぞれ分けてまとめました。

VS Codeのオススメ設定や拡張機能などは、以下の記事にまとめました。

【VS Code】オススメの設定・拡張機能・便利機能・ショートカット【Win/Mac対応】
私的に最初に行う設定や、拡張機能、よく使うショートカットや便利な機能をまとめてみました。

以降の説明の画面キャプチャはWindows版のVS Codeですが、Mac版も同様の手順で動作確認済みです。

広告

拡張機能の仕様変更

まず、VSCodeでリモート開発環境を構築する方法は、以下を参考にしてください。

【VSCode/Dev Containers】DockerでPython開発【Win/Mac】
VS CodeでDockerコンテナを使いリモート開発を試してみました。Dockerを使いPython環境を用意し、VS Codeでリモートデバッグを行いないます。

例えばプロジェクトをコンテナで開くために「Open Folder in Container…」というメニューを選択します。
これまでの手順では、VS Codeの左下の緑のアイコンをクリックします。

VSCode 左下 緑 アイコン

以前は以下のように表示されていました。

VSCode Dev Containers メニュー

v0.275.1までは上記のように表示されます。

しかし最新のバージョンであるv0.288.0では、緑のアイコンをクリックすると以下のようなメニューが表示されました。

VSCode Dev Containers メニュー

「Open Folder in Container…」や、リモート接続時に表示されていた「Rebuild Container」など、よく使うメニューが表示されなくなりました。

2023/08/11追記:v0.304.0では以下のように表示されました。

VSCode Dev Containers メニュー

2025/01/13追記:v0.394.0では以下のように表示されました。

バージョンが上がるとメニューが変わる場合があります。

メニューの開き方

Dev Containersやその他の関連する拡張機能について、メニューの整理を行ったとのことでした。

Streamline extension contributions to the remote indicator · Issue #8016 · microsoft/vscode-remote-release
Guidelines for extensions contributing entries to the remote indicator: Reduce the total number of actions contributed p…

各メニューが無くなったわけではなく、コマンドパレットからアクセスできます。

F1キーをクリックし、「Dev Containers」と入力するとメニューが表示されます。
「Open Folder in Container…」メニューもあります。

VSCode Dev Containers メニュー

リモート接続した状態ですと、「Rebuild Container」が表示されています。

VSCode Dev Containers Rebuild Container

プロジェクトを開いていない状態、ローカルプロジェクトを開いている状態、リモート接続をしている状態などでメニューの表示が変わります。
これは従来と同様です。

使用例の参考

例えば、Djangoプロジェクトでも使用することができます。

【Python+Django4】VS Code+Dockerで簡単構築【Dev Containers】【Win/Mac】
Djangoの開発環境を、VS CodeとDockerを使用して簡単に構築し、リモート開発を行います。

PHPの環境などの使用例も参考にしてください。

【VSCode/Dev Containers】DockerでPHP開発・デバッグ
VS CodeでDockerを使ったリモート開発を試してみました。Dockerを使いPHP環境を用意し、VS Codeでリモートデバッグを行います。
【VSCode/Dev Containers】DockerでJava開発・デバッグ
VS CodeでDockerを使ったリモート開発を試してみました。Dockerを使いJava環境を用意し、VS Codeでリモートデバッグを行います。

GitHub Copilotを導入し、AIにコーディングをサポートしてもらうこともできます。

【GitHub Copilot】登録方法と長期利用の感想
GitHub Copilotを試してみました。登録方法の解説や、実際に試した結果をまとめました。

さいごに

VS Codeのリモート開発は素晴らしいですね!
今回は、Dev Containers拡張機能のメニューについてまとめました。

他にも私のブログで、VS Codeについて解説している記事がありますのでご覧ください。

MacOSVS CodeWindowsツール
広告

個人開発

千草 @chigusaweb

現役のITエンジニア。 気ままにコードを書いたり技術情報を発信しています。 Webアプリ/Windows・Macアプリ/モバイルアプリなど。 (Java, PHP, Javascript, Swift, Python, C#, 他) 個人開発:Clibor, Quipha, TXT-Crypter, 符計算特訓, チグサツール Kindle本: Laravel9 実践入門, 他

クリップボード履歴

Clibor

Windows

Cliborはシンプルで高機能なクリップボード履歴ソフトです。 また普段よく使うワードを定型文として登録し、いつでもクリップボードに保存することができます。高度なテキスト整形・FIFOモード・ホットキーに対応。

クリップボード履歴

Windows版Cliborの利便性を、そのままMacでも。 定型文登録、高度なテキスト整形、FIFOモードなど、便利なクリップボード履歴機能を利用できます。macOS最新のTahoeにも対応。

テキスト暗号化

テキストを暗号化してURLで共有・保存できる無料サービスです。 パスフレーズを知る人だけが復号できます。登録不要、データはサーバーに保存されません。 Notionでも利用できます。

学習

Quipha

Web / iOS

自分だけの問題集や問題を作成し、クイズを行い、学習に活用することができるアプリです。 例えば、学校の授業、語学学習、IT資格やその他の資格など多彩な分野での学習を支援します。 いつでも、どこでも、あなたの学習をサポート。

ツール

日常の「ちょっとした効率化」をサポートするWeb便利ツール集。 テキスト・データ処理から最新のAI連携まで、日々のちょっとした手間でググりがちなユーティリティを1つの場所に集約。

麻雀

麻雀の符計算をひたすら特訓しマスターしましょう。 初心者の方はもちろん、もっと速く計算したい方にも役立ちます。 5万対局以上の実践から問題を収録。

コメント

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