vs code上にデータが出てこない(超初心者)

Question

ボールドテキスト### 前提・実現したいこと
ドットインストールでプログラミングの学習を始めたのですが、HTMLの学習の段階(かなり最初のほうです、はじめてのHTMLの＃０１です)で、サイトを作ってみる学習の時、zipファイルをドットインストールのサイトからダウンロードして、vs code 上でフォルダ？に出したいです。

発生している問題・エラーメッセージ

ドットインストールでプログラミングの学習を始めたのですが、HTMLの学習の段階で、サイトを作ってみる学習の時、zipファイルをドットインストールのサイトからダウンロードしても、vs code 上でフォルダ？に出てきません。パソコンのフォルダにあるのは確認できるのですが、、、

試したこと

vs code　のアンインストールと再インストール(入れなおしても、前の設定が残っているようです、ずっといろいろいじっていたので、へんなかんじになったのでたぶん一度初期化したほうがいいかと、、、)

補足情報（FW/ツールのバージョンなど）

プログラミング初心者でこんなところでつまずいてしましました。こんなところであきらめたくないので誰か助けてください、、、vs codeの初期化の仕方だけでも教えていただけると嬉しいです。

Answer 1

ドットインストールのサイトからダウンロードしてみましたが、
ファイルはzip形式で、解凍したらレッスン用のプロジェクトのフォルダになっていました。
素材の画像一式も含んでいます。

Visual Studio Codeのエクスプローラで、この「MyPortfolio」フォルダを追加すれば
imgフォルダやその中の画像ファイル一式がエクスプローラで見えます。

Comments

[sannrinn]

回答ありがとうございます。パソコンのフォルダにはあるようなので、vs codeのエクスプローラでMy portfolio のフォルダの追加をするのはどうすれば良いのでしょうか。初心者すぎてすいません、、、

[technocore]

たとえばデスクトップ上に「Portfolio」フォルダがあるとして、
VSCodeの「ファイル」ー＞「フォルダーをワークスペースに追加」
でそのPortfolioフォルダを選択すれば、VSCodeのエクスプローラに追加されます。

すでに別のフォルダが追加済みであれば、事前にエクスプローラ上から削除しておいてください。

Answer 2

dotinstallを受講しているのであればdotinstallで聞いてください。
ダウンロードした素材ファイル(zip)を解凍するにはどうすればいいですか？|Dotinstall

回答後は、フォルダーを開くというボタンもしくは、VSCodeにドラッグアンドドロップで開くことができると思います。

Comments

[kai0310]

問題は解決したのでしょうか？
解決したのであれば、解決済みを押していただければ幸いです。
もしそうでない場合は試した点・上手くいかない点を明示してください。

[sannrinn]

回答ありがとうございます。zipファイルは解凍できて開けて、パソコン上のフォルダにはあるのですが、vs code 上に出てこないのですが、、、初心者すぎてすいません、、、

[kai0310]

こんにちは。ご確認ありがとうございます。

先ほどの口頭での説明だと不十分かと思いましたので、下記サイトを参考にしてもらえますでしょうか？
https://webdesign.vdlz.xyz/Editor/VSCode/Function/File/VSC_File002_OpenFile.html