Navigate this page hide
Installing the Live Preview Extension
In VS Code, open the Extensions view or press Ctrl + Shift + X in Windows or Shift + Cmd + X in Mac OS. Inside the search bar, type “live preview”. Then select the extension and click on Install.
Using the Live Preview Extension
To preview your code in VS Code, do the following:
- Open the code file that you want to preview. Select the Open File option from the “File” menu. Alternatively, press Ctrl + O in Windows or Cmd + O in Mac OS
- Navigate to the code file in the Open File dialogue box, select it, and click on the Open button.
- Click on the Live Preview button in the top right corner of the editor.
- This is how you can work with the Live Preview.