I have Visual Studio and installed Live Preview but no live preview option

Paula Henderson 20 Reputation points
2024-10-27T13:56:17.0733333+00:00

It shows I have Live Preview installed but per instructions to click Live Preview from file right click or from "View" or anywhere else is not available to me. I restarted my pc. Didn't change anything. I uninstalled Live Preview and reinstalled, restarted pc. Nothing. What am I doing wrong?

Visual Studio Extensions
Visual Studio Extensions
Visual Studio: A family of Microsoft suites of integrated development tools for building applications for Windows, the web and mobile devices.Extensions: A program or program module that adds functionality to or extends the effectiveness of a program.
235 questions
0 comments No comments
{count} votes

Accepted answer
  1. Tianyu Sun-MSFT 31,956 Reputation points Microsoft Vendor
    2024-10-28T06:01:16.2133333+00:00

    Hello @Paula Henderson,

    Thank you for taking time to post this issue in Microsoft Q&A forum.

    As Visual Studio(VS IDE) and Visual Studio Code(VS Code) are two different products, their extensions are usually different. May I firstly confirm, if you are using this extension: Live Preview? If so, it’s an extension for VS Code, not for VS IDE.

    If you are using VS Code, the preview option should be there when you right-click one of the web pages. For example, I tested with a single .html file, see following screenshot:

    User's image

    If you are using VS IDE, then maybe you mean the integrated Web Live Preview feature? If so, you may need to use it in ASP .NET Web applications. You can right-click one of the web pages, select "View in Browser" or "Browse With…"(choose the Internal Web Browser or other web browsers, click Browse button) to live preview this web page.  

    Don't forget to enable web live preview feature and restart VS(Tools > Options > Web Forms Designer > General >Web Forms designer (requires restart) > Web Live Preview).

    For example, tested with an ASP .NET Web application(.NET Framework, Web Forms):

    User's image

    User's image

    User's image

    User's image

    User's image

    User's image

    Above is for VS 2022, if you are using VS 2019, you should follow the guidance here to enable it:

    Web Live Preview (Preview)

    If you still fail to see the corresponding options, please kindly share us some screenshots to confirm the issue and check further.

    Please don’t hesitate to contact us.

    Sincerely,

    Tianyu


    If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    1 person found this answer helpful.

1 additional answer

Sort by: Most helpful
  1. Paula Henderson 20 Reputation points
    2024-10-29T12:56:38.16+00:00

    Thank you. My extension was wrong. I actually had a different file I created not coffee ext but it was apparently wrong ext too because it did not have preview. It's all in the ext. Thanks so much for your help

    0 comments No comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.