DEV Community

Discussion on: Best VS Code extensions for Beginners

Collapse
 
talhakhalid101 profile image
TalhaKhalid101 • Edited

I would like to add browser preview. It is very useful if you only have one monitor and don't want to switch between browser and VS Code every time you want to see the result of changes. Browser Preview integrates a simplified browser within its VS Code. So you can edit the code and at the same time, without leaving the editor, view the changes in real time. In addition, it allows you to simulate different screen sizes, allowing you to test your app's responsiveness.

The thing is, you need to have a development server running so you can access it through the built-in browser. And here comes the tip: you can use Browser Preview together with Liver Server! You just start the Live Server and then access localhost:5500 (or whatever port you have defined for the Live Server) in the browser built into the VS Code by Browser Preview.