Up next in 10
How to Open & Show VSCode IDE in Google Chrome Browser Using Official VSCode Website
Jul 1, 2025
Get the full source code of application here:
Show More Show Less View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video, I will show you how to
0:04
open the VS Code IDE directly inside
0:07
your Google Chrome or Firefox browser.
0:10
Uh for this, you simply need to open
0:12
this website which is provided by
0:14
Microsoft which is VSC code.dev.
0:18
Simply go to the browser and type this
0:20
website and simply open this and your VS
0:23
code will open directly right here. And
0:26
here you can actually do all these
0:28
modifications. is you can create a new
0:30
file, a text file.
0:34
You can write some basic stuff right
0:36
here.
0:40
In this easy way, you don't require VS
0:43
code to be installed. Simply visit VS
0:45
Code. So this is Google Chrome. It also
0:49
works on Firefox as well.
0:52
Simply
0:54
you need to type this website which is
0:58
VSC code.dev
1:02
and then your VS code will open directly
1:05
inside the browser itself. And here then
1:07
you can actually open any sort of
1:10
folder.
1:12
You can connect to SSH or connect to any
1:17
tunnel remote repository as well. So if
1:21
you want to open any GitHub repo as
1:23
well, you can even do that as well.
1:25
There is one restriction that you can't
1:27
directly open folders and files in an
1:31
online version. For this you need to
1:33
require the offline version.
1:40
But here you can do something like
1:43
if you want to open
1:48
the folder here. So you can read
1:51
all the files here. You can see it's
1:53
very easy. If you have a project
1:56
available for you, you can easily open
1:58
it, see the source code here, edit it.
2:03
It's very easy.
2:05
But obviously you can't run this.
2:08
It's you have it's you can simply read
2:11
the source code, make changes as well,
2:13
and then save it. So it's really easy.
2:16
You simply select
2:19
after making the changes autosave is
2:22
automatically on. So some restrictions
2:24
are there. You can't access your
2:26
extensions. But there is this fun little
2:28
way by which you can go to VS code.dev
2:31
and then access your VS code directly in
2:33
the browser itself. So this is a fun
2:36
little way. So if you don't have VS code
2:39
installed then you can actually use
2:41
this.
2:43
So
2:45
you can actually make some changes right
2:47
here.
2:58
So it will automatically trigger once
3:00
you make some changes. Save changes.
3:04
Click the save changes button. After
3:07
that it also offers you some settings.
3:10
Oh sorry extensions.
3:12
Some extensions are available, some are
3:14
not available.
3:16
So this live server
3:20
this extension is not available in VS
3:23
code for the web. So for this you can't
3:26
run the code but still you can see and
3:29
edit the code itself.
3:32
So in this easy way guys you can open VS
3:35
code directly in the browser itself.
3:38
Thank you very much. Please hit that
3:39
like button, subscribe the channel and
3:41
also check out my website
3:43
freemediattools.com
3:45
which contains thousands of tools.
#Software
#Internet Software
#Web Services