Clearer documentation for VS code setup

[coolgk]

The setup guide for VS code on https://angulardart.xyz/guide/setup#visual-studio-code defaults to the Windows environment.

Many people use WSL/WSL2 with VS CODE by default. The instructions do not work properly for WSL setup.

• Add clarification in the documentation to indicate the section is for non-WSL setup.
• Add documentation for WSL setup.

[GZGavinZhao]

I do have Windows, but I don't use WSL (I can't, in fact, because of drive space) because I dual-booted my computer and use Linux as my main machine.

Please enlighten me on this issue: is it not the same with Linux? The configuration file (launch.json) should be platform-agnostic, so I don't understand why it doesn't work properly? Could you please provide me with the error you're experiencing?

Thanks!

[coolgk]

In WSL 2 (Ubuntu), launching the app will launch it within WSL which does not have Chrome installed and does not support UI by default. The error messages are not clear about what is actually required to fix the problem. I think most people would think it would launch Chrome installed in Windows but it doesn't.

I installed Chrome manually in WSL and installed XLaunch for UI support (after a couple of hours of Googling). It works for me but I am not 100% sure if this is the right way or the only way for the WSL AngularDart setup.

[GZGavinZhao]

If the ports are not blocked between WSL and Windows, I think theoretically one is able to open http://localhost:5050 through any browser on the Windows machine.

[coolgk]

It's not about accessing the webserver from Windows. The App does not launch from VS Code debug because of the errors caused by the absence of Chrome in WSL

[ykmnkmi]

@GZGavinZhao WSL (1, don't know about 2 version) can run windows programs if windows paths shared with WSL.