vs code フォルダー作成について

Question

vs codeのフォルダー作成についての質問です。

デスクトップに『WEB』を配置して各フォルダーを作成している状況です。

『js_basic』の配下に『js』とういフォルダーを作成しています。
※最初の赤枠内です。

上記と同じような構成でフォルダーを作成したいのに、
『js_dom/js』という構成になってしまいます。
※下にある赤枠です。

最初の赤枠にようにフォルダー構成をする方法がしりたいです。

※最初の赤枠の時は、試行錯誤してターミナルでフォルダーを作成したらできましたが、
なぜ出来たのよく理解できずにいました。

ご教授を宜しくお願いします。

Comments

[Eggpan]

タグ「Visual Studio Code」があるかと思いますので、適切なタグの設定をお願いします。

Answer 1

その表記はフォルダの中に1つしかフォルダがない場合の省略された表記です。
その状態でもきちんとjs_domフォルダの中にjsフォルダは作成されています。

Comments

[prknkn]

mistnさん
コメントありがとうございます。

そうだと思い違うファイルとフォルダーを作成しましたが、表示形式に変化がありませんでした。

[maisumakun]

js_domの直下に別なファイルやフォルダがあれば、まとめての表示はされません。

[prknkn]

maisumakunさん
コメントありがとうございます。

ご指摘の通りでした。
js_domの直下では、まとめて表示はされませんでした。

js直下で違うフォルダーとファイルを作成していました。

Answer 2

設定 ＞ 機能 ＞エクスプローラーのCompact Foldersをオフにしてください。

"explorer.compactFolders": false

Comments

[prknkn]

Eggpanさん
コメントありがとうございます。

記入漏れですが、PCはマックブックです。
宜しくお願いします。

[Eggpan]

MacでしたらCode ＞ 基本設定の中に 「設定」 メニューがあるかと思います。
そこから機能＞エクスプローラーとたどっていってみてください。

[prknkn]

Eggpanさん
vs code内設定にありました。

Compact Foldersをオフにした所、イメージ通りにできました。
ありがとうございました。