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
 
antonov_mike profile image
Antonov Mike

Thank you it can be handy

Collapse
 
nadiafedev profile image
Nadia

I am glad, Antonov!

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
 
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
 
ricky11 profile image
Rishi U

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

Collapse
 
thatanjan profile image
Anjan Shomodder

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

Collapse
 
marciodeveloper profile image
Jose Marcio Barthem

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

Collapse
 
jangelodev profile image
Joรฃo Angelo

Hi Nadia,
Your tips are very useful
Thanks for sharing

Collapse
 
mince profile image
Mince

Great ๐Ÿ‘

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
 
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
 
yosef123 profile image
Yoseph Getachew

thanks

Collapse
 
femi_dd profile image
/ • Edited

I've been using vscode for years and this is new to me, thanks!