Debug asp.net core mvc web application with live preview in VS Code

Question

I'm a web designer and I want to visualize the code changes in real time in VS Code, but for now I haven't been able to do that with this kind of asp.net core application.

The "Live Preview", "Live Server" and "Five Server" extension didn't work. Maybe I'm doing it wrong, I don't know. Can anybody help me? Do you know if there is a specific way to do this?

With "Five Server" appears the option to open with

But when it opens it looks like this

Answer 1

I agree with the suggestion given by @Crowcoder.

VS Code doesn't have built-in support for HTML preview but there are extensions available in the VS Code Marketplace. Open the Extensions view (Ctrl+Shift+X) and search on 'live preview' or 'html preview' to see a list of available HTML preview extensions.

With the help of extensions, you could preview HTML files but in your screenshots, we could see that you want to preview the .cshtml file. Which is not supported even if you use any extensions.

Reference: Does VS Code have HTML preview?