VSCODEのワークスペース上の複数のフォルダにLiveServerを適用する方法

Question

１　VSCODEでワークスペースに２つのフォルダを追加・作成します。

２　1つ目のフォルダ内のファイルは、右クリック「Open with LiveServer」でブラウザに正常表示されますが、2つ目のフォルダ内のファイルは、同様に右クリック「Open with LiveServer」を選択すると、ブラウザ上には、1つ目のフォルダ内のフォルダ―が表示されるだけで、ファイルが表示されません。

３　以上、2つ目のフォルダ内のファイルもLIveServerで開けるようにしたいのですが、どなたかご教示ください。

Answer 1

その後、いろいろネットも参考に考えたところ、自己解決しましたので、結論を簡記しますので、参考にしてください。

①　まず、適当な場所に親フォルダーを作り、その下に２つのフォルダーdrillbook とdrillbook2 を並べて作ります。

②　この２つのフォルダ―をワークスペースに追加して、そのファイル名を　drillbook.code-workspace ファイルとして、1つ目のdrillbookフォルダー内に保存します。

③　この　drillbook.code-workspace ファイルを、VSCODEで開き、下記内容にすることにより、表題の機能が可能となります。なお、LiveServerのrootフォルダ―は、親フォルダ―に設定します。

drillbook.code-workspace ファイル内容

{ "folders": [ { "path": "../drillbook" }, { "path": "../drillbook2" } ], "settings": { "liveServer.settings.port": 5501, "liveServer.settings.multiRootWorkspaceName": "drillbook", "liveServer.settings.root": "../../" } }