DEV Community

Cover image for Simple Browser in VS Code: My Coding Experience just Leveled Up!🙀

Simple Browser in VS Code: My Coding Experience just Leveled Up!🙀

Nadia on April 05, 2024

Hey there! I recently discovered something awesome, and I just had to share it with all. Some of you might say, "You just found out about this now?...
Collapse
 
sarahokolo profile image
sahra 💫

This is one cool way, but an easier way is to just use the live preview extension, it opens up a browser right there in VScode

Collapse
 
nadiafedev profile image
Nadia

Oh, i wil add that to the list of discovering more new stuff everyday 😄
Thank you for sharing Sahra 😊

Collapse
 
sarahokolo profile image
sahra 💫

You're welcome :)

Collapse
 
pavelee profile image
Paweł Ciosek • Edited

It's not the same 🫣, from the extension docs:

"This extension is most useful for projects where a server is not already created (e.g. not for apps using React, Angular, etc.). To work with these, feel free to run the Simple Browser: Show command that is already built-in with VS Code."

Collapse
 
sarahokolo profile image
sahra 💫

Yeah, you are correct on that one

Collapse
 
aaronblondeau profile image
aaronblondeau

I have been using VSCode for years and had no idea that this was there. Thanks for sharing!

Collapse
 
nadiafedev profile image
Nadia • Edited

Haha, you are very welcome, Aaron 😊

Collapse
 
skipperhoa profile image
Hòa Nguyễn Coder

Thank you

Collapse
 
lucifer17540 profile image
Nabhanil

You can try splitting your windows screen into vs-code and browser , so you can change things on the go . Lately I've been using it and it has been very helpful

Collapse
 
nadiafedev profile image
Nadia

I do that as well 😅 Having multiple options to choose from is great because it allows me to adapt my coding environment based on my mood, the project I'm working on, or whether I'm studying and coding simultaneously. So i like to know that i have a plethora of options😊 But discovering that option in vs code, got me excited too much haha

Collapse
 
antonov_mike profile image
Antonov Mike

Thank you it can be handy

Collapse
 
nadiafedev profile image
Nadia

I am glad, Antonov!

Collapse
 
ludamillion profile image
Luke Inglis

Some of you might say, "You just found out about this now?!" Well, as I always say, "Better late than never!"😅

She says only six months into her engineering journey. I’ve been an engineer for over a decade at this point and I’m still learning new things about the tools I use.

I feel likes it’s always good to share discoveries you’re excited about and find useful. In my experience there are two things that happen most for the time:

  1. You know about something they don’t and you get to share with them and teach them.
  2. They already know about it and they can teach you more about it that you might not now yet.

Learning about tools is a great way to stay curious too. Anytime I’m feeling a bit bored I change something up in my workflow or tools.

Anyway, welcome and great write up. Stay curious and delight in finding new things.

Collapse
 
thatanjan profile image
Anjan Shomodder

why not just add a new browser window to the workspace?

Collapse
 
ricky11 profile image
Rishi U

nice, would be good if it had access to dev tools to see errors and console logs.

Collapse
 
mince profile image
Mince

Great 👏

Collapse
 
nexovec profile image
nexovec

This simple browser thingy can't even display my site. I think I will stick to using firefox with tree style tabs.

Collapse
 
jangelodev profile image
João Angelo

Hi Nadia,
Your tips are very useful
Thanks for sharing

Collapse
 
softwaredeveloping profile image
FrontEndWebDeveloping

Thanks for telling us Nadia. I use the built in browser and find it exceedingly handy.

Collapse
 
nadiafedev profile image
Nadia

I am glad, you are very welcome😊

Collapse
 
marciodeveloper profile image
Jose Marcio Barthem

Very practical and simple. I also use "Live Server", which helps me a lot.

Collapse
 
yosef123 profile image
Yoseph Getachew

thanks