Up next in 10
How to Open & Edit CSV Files in VSCode IDE
6 views
Jul 5, 2025
Get the full source code of application here:
View Video Transcript
0:00
Uh hello guys, welcome to this video. So
0:02
in this video, I'll show you how to see
0:04
your CSV files and directly edit them
0:07
inside your VS code. For this, you need
0:09
to install one such extension right
0:11
here. If you just write here, edit CSV.
0:15
CSV are very important files which are
0:17
commaepparated value files. So this is
0:20
the extension which comes right here.
0:22
It's used by almost 2 million developers
0:25
and it basically has a table like user
0:28
interface. So you just need to click the
0:30
install button. By default, if I open
0:33
the CSV file, this is my users CSV. By
0:36
default, it appears like this very
0:39
vanilla like it doesn't highlight the
0:42
major things in the inside the CSV file.
0:45
But if you activate this extension, it
0:48
will actually come with a table like
0:50
user interface. So simply click the
0:52
install button and just install this
0:55
extension. So after installing it if you
0:57
open the same file.
1:03
So here after that you will see this
1:05
button right here appearing edit CSV.
1:08
This button will appear in the CSV file
1:11
in the top right section of the screen.
1:13
Simply need to click it. And now this
1:15
interface will change to this interface.
1:18
And now you will be able to edit your
1:21
data right in the itself this editor.
1:25
You can add a row. You can add a column
1:27
as well.
1:31
You can see how easy it is to edit your
1:34
CSV files. You can add a column.
1:39
You can add a row as well like this.
1:43
You have all these buttons right here
1:45
which makes it easy.
1:48
If you want to remove the column, you
1:49
can remove it like this. If you want to
1:52
remove this existing column which is
1:54
there, you can simply remove it. And as
1:57
you can see, and now you can even live
1:59
preview as well by clicking the preview
2:01
button and it will show you the live
2:04
preview. And uh you also have the reset
2:08
button as well if you want to reset
2:10
everything.
2:12
So all your data will be reseted. So
2:15
this is the thing
2:17
you can save all the changes and save it
2:21
as a file here.
2:25
So it's a complete editor for CSV files
2:28
inside your VS code. So you can trim out
2:31
your data as well. So all these things
2:33
are there. So definitely install this
2:36
extension and then on the right hand
2:38
side a button will appear and uh you can
2:41
simply do this. So
2:46
this will be the button here edit CSV.
2:48
Simply need to click that button and
2:49
then you will be able to edit your file.
2:54
So, thank you very much for watching
2:56
this video and also check out my website
2:59
freemediatools.com
3:00
uh which contains thousands of tools.