Visual Studio Code is an open-source lightweight code editor maintained by Microsoft. Get the full VS Code Magic Tricks course to write better code faster https://fireship.io/courses/vscode-tricks

🔥 Black Friday - Upgrade to PRO 🔥

Discount 33.330000000000003%
Free Sticker
Free T-Shirt (lifetime members)

Use code: 1LDSQD4q
👉 https://fireship.io/pro

#learntocode #vscode #100SecondsOfCode

🔗 Resources

Open VS Code now https://vscode.dev
VS Code Docs https://code.visualstudio.com/docs
Also checkout VIM https://youtu.be/-txKSRn0qeA

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

🔖 Topics Covered

- What is VS Code?
- VS Code tour
- VS Code as IDE
- Best code editor for beginners
2024-02-04T05:38:52.636Z
nova-2
2-general-nova
2024-01-09.29447
30089e05-99d1-4376-b32e-c263170674af
a6aa74c3-dddd-42fd-a8e5-7da16ae7bb25
a5ac3af24e5fe7f02b702504c68225201ebaede36b1e123a57455e025e23ed93
67875a7f-c9c4-48a0-aa55-5bdb8a91c34a
deprecated
Visual Studio Code, a free and open source program for editing code.
Software is just a collection of text files organized in a precise way.
Versus Code provides an integrated development environment to help you edit, analyze, and manage these files efficiently.
It's a Microsoft project that first appeared in 2015 as a lightweight cross platform code editor that ships a new update every single month.
Today, it's the world's most popular code editor.
Download it, then a new user to open a folder that contains your application files.
Before you can write high quality code, you'll need to make the editor look cool by clicking the settings icon to update your syntax and icon themes.
Next, you'll notice the file explorer contains all the files in this directory.
Open a file end notice how the text inside is colored.
That's because Versus code analyzes the symbols inside the file to perform syntax highlighting.
It will automatically detect problems in your code.
If a variable is not used, it becomes a little more opaque.
A red squiggly line appears if your code will not compile.
Hover over it for more details.
It also creates an outline of the code structure to quickly navigate to the line of code that you're looking for.
Now, as you start writing some code in this file, you'll notice a little box pops up as you type.
Professional developers rarely type every character.
Instead, they leverage Versus Code's IntelliSense to auto complete the code that they were thinking about writing.
When the right suggestion comes up, hit tab or enter to complete an edit.
You might also right click on your code to find a variety of options to analyze and refactor it, but almost anything you can do with the mouse, you can do faster with the keyboard.
Hit control shift papa to bring up the command palette.
From here, you can quickly access any Versus Code command or any file in your project.
Let's use it to open up a terminal session which brings up the command line here at the bottom.
We can use it to run commands in this project like git init to enable source control, or better yet, we can click on the source control icon to run Git commands with a visual interface.
Versus Code is minimal by design, but as an open source JavaScript project, it's easily extendable.
From the extensions panel, you'll find a huge number of packages that provide specialized tooling for whatever framework or language you're working with.
Most software projects work with the cloud in some capacity.
The remote button can connect your editor to a remote GitHub repository, Docker container, or cloud server, and you can even run Versus Code itself in the cloud to access zip from the browser on any machine.
This has been Versus Code in 100 seconds.
Hit the like button and subscribe if you wanna see more short videos like this.
And if you really want to maximize your productivity as a developer.
I just released a brand new Versus Code magic tricks course that contains a ton of productivity hacks for beginners and advanced developers alike.
The first 10 videos are free, so check it out on Fireship IO.
Thanks for watching, and I will see you in the next one.

Speaker 0: Visual Studio Code, a free and open source program for editing code. Software is just a collection of text files organized in a precise way. Versus Code provides an integrated development environment to help you edit, analyze, and manage these files efficiently. It's a Microsoft project that first appeared in 2015 as a lightweight cross platform code editor that ships a new update every single month. Today, it's the world's most popular code editor.

Download it, then a new user to open a folder that contains your application files. Before you can write high quality code, you'll need to make the editor look cool by clicking the settings icon to update your syntax and icon themes. Next, you'll notice the file explorer contains all the files in this directory. Open a file end notice how the text inside is colored. That's because Versus code analyzes the symbols inside the file to perform syntax highlighting.

It will automatically detect problems in your code. If a variable is not used, it becomes a little more opaque. A red squiggly line appears if your code will not compile. Hover over it for more details. It also creates an outline of the code structure to quickly navigate to the line of code that you're looking for.

Now, as you start writing some code in this file, you'll notice a little box pops up as you type. Professional developers rarely type every character. Instead, they leverage Versus Code's IntelliSense to auto complete the code that they were thinking about writing. When the right suggestion comes up, hit tab or enter to complete an edit. You might also right click on your code to find a variety of options to analyze and refactor it, but almost anything you can do with the mouse, you can do faster with the keyboard.

Hit control shift papa to bring up the command palette. From here, you can quickly access any Versus Code command or any file in your project. Let's use it to open up a terminal session which brings up the command line here at the bottom. We can use it to run commands in this project like git init to enable source control, or better yet, we can click on the source control icon to run Git commands with a visual interface. Versus Code is minimal by design, but as an open source JavaScript project, it's easily extendable.

From the extensions panel, you'll find a huge number of packages that provide specialized tooling for whatever framework or language you're working with. Most software projects work with the cloud in some capacity. The remote button can connect your editor to a remote GitHub repository, Docker container, or cloud server, and you can even run Versus Code itself in the cloud to access zip from the browser on any machine. This has been Versus Code in 100 seconds. Hit the like button and subscribe if you wanna see more short videos like this.

And if you really want to maximize your productivity as a developer. I just released a brand new Versus Code magic tricks course that contains a ton of productivity hacks for beginners and advanced developers alike. The first 10 videos are free, so check it out on Fireship IO. Thanks for watching, and I will see you in the next one.
Visual Studio Code, a free and open source program for editing code. Software is just a collection of text files organized in a precise way. Versus Code provides an integrated development environment to help you edit, analyze, and manage these files efficiently. It's a Microsoft project that first appeared in 2015 as a lightweight cross platform code editor that ships a new update every single month. Today, it's the world's most popular code editor. Download it, then a new user to open a folder that contains your application files. Before you can write high quality code, you'll need to make the editor look cool by clicking the settings icon to update your syntax and icon themes.
software
software development
programming
microsoft
computer science
Next, you'll notice the file explorer contains all the files in this directory. Open a file end notice how the text inside is colored. That's because Versus code analyzes the symbols inside the file to perform syntax highlighting.
It will automatically detect problems in your code. If a variable is not used, it becomes a little more opaque. A red squiggly line appears if your code will not compile. Hover over it for more details. It also creates an outline of the code structure to quickly navigate to the line of code that you're looking for. Now, as you start writing some code in this file, you'll notice a little box pops up as you type. Professional developers rarely type every character. Instead, they leverage Versus Code's IntelliSense to auto complete the code that they were thinking about writing. When the right suggestion comes up, hit tab or enter to complete an edit. You might also right click on your code to find a variety of options to analyze and refactor it, but almost anything you can do with the mouse, you can do faster with the keyboard.
programming
software development
Hit control shift papa to bring up the command palette. From here, you can quickly access any Versus Code command or any file in your project. Let's use it to open up a terminal session which brings up the command line here at the bottom. We can use it to run commands in this project like git init to enable source control, or better yet, we can click on the source control icon to run Git commands with a visual interface.
Versus Code is minimal by design, but as an open source JavaScript project, it's easily extendable. From the extensions panel, you'll find a huge number of packages that provide specialized tooling for whatever framework or language you're working with. Most software projects work with the cloud in some capacity. The remote button can connect your editor to a remote GitHub repository, Docker container, or cloud server, and you can even run Versus Code itself in the cloud to access zip from the browser on any machine. This has been Versus Code in 100 seconds. Hit the like button and subscribe if you wanna see more short videos like this. And if you really want to maximize your productivity as a developer. I just released a brand new Versus Code magic tricks course that contains a ton of productivity hacks for beginners and advanced developers alike. The first 10 videos are free, so check it out on Fireship IO. Thanks for watching, and I will see you in the next one.
youtube
software
video gaming
software development
games
Visual Studio Code, a free and open source program for editing code. Software is just a collection of text files organized in a precise way. Versus Code provides an integrated development environment to help you edit, analyze, and manage these files efficiently. It's a Microsoft project that first appeared in 2015 as a lightweight cross platform code editor that ships a new update every single month. Today, it's the world's most popular code editor. Download it, then a new user to open a folder that contains your application files. Before you can write high quality code, you'll need to make the editor look cool by clicking the settings icon to update your syntax and icon themes. Next, you'll notice the file explorer contains all the files in this directory. Open a file end notice how the text inside is colored. That's because Versus code analyzes the symbols inside the file to perform syntax highlighting. It will automatically detect problems in your code. If a variable is not used, it becomes a little more opaque. A red squiggly line appears if your code will not compile. Hover over it for more details. It also creates an outline of the code structure to quickly navigate to the line of code that you're looking for. Now, as you start writing some code in this file, you'll notice a little box pops up as you type. Professional developers rarely type every character. Instead, they leverage Versus Code's IntelliSense to auto complete the code that they were thinking about writing. When the right suggestion comes up, hit tab or enter to complete an edit. You might also right click on your code to find a variety of options to analyze and refactor it, but almost anything you can do with the mouse, you can do faster with the keyboard. Hit control shift papa to bring up the command palette. From here, you can quickly access any Versus Code command or any file in your project. Let's use it to open up a terminal session which brings up the command line here at the bottom. We can use it to run commands in this project like git init to enable source control, or better yet, we can click on the source control icon to run Git commands with a visual interface. Versus Code is minimal by design, but as an open source JavaScript project, it's easily extendable. From the extensions panel, you'll find a huge number of packages that provide specialized tooling for whatever framework or language you're working with. Most software projects work with the cloud in some capacity. The remote button can connect your editor to a remote GitHub repository, Docker container, or cloud server, and you can even run Versus Code itself in the cloud to access zip from the browser on any machine. This has been Versus Code in 100 seconds. Hit the like button and subscribe if you wanna see more short videos like this. And if you really want to maximize your productivity as a developer. I just released a brand new Versus Code magic tricks course that contains a ton of productivity hacks for beginners and advanced developers alike. The first 10 videos are free, so check it out on Fireship IO. Thanks for watching, and I will see you in the next one.
Visual
visual
Studio
studio
Code,
code
a
a
free
free
and
and
open
open
source
source
program
program
for
for
editing
editing
code.
code
Software
software
is
is
just
just
a
a
collection
collection
of
of
text
text
files
files
organized
organized
in
in
a
a
precise
precise
way.
way
Versus
versus
Code
code
provides
provides
an
an
integrated
integrated
development
development
environment
environment
to
to
help
help
you
you
edit,
edit
analyze,
analyze
and
and
manage
manage
these
these
files
files
efficiently.
efficiently
It's
it's
a
a
Microsoft
microsoft
project
project
that
that
first
first
appeared
appeared
in
in
2015
2015
as
as
a
a
lightweight
lightweight
cross
cross
platform
platform
code
code
editor
editor
that
that
ships
ships
a
a
new
new
update
update
every
every
single
single
month.
month
Today,
today
it's
it's
the
the
world's
world's
most
most
popular
popular
code
code
editor.
editor
Download
download
it,
it
then
then
a
a
new
new
user
user
to
to
open
open
a
a
folder
folder
that
that
contains
contains
your
your
application
application
files.
files
Before
before
you
you
can
can
write
write
high
high
quality
quality
code,
code
you'll
you'll
need
need
to
to
make
make
the
the
editor
editor
look
look
cool
cool
by
by
clicking
clicking
the
the
settings
settings
icon
icon
to
to
update
update
your
your
syntax
syntax
and
and
icon
icon
themes.
themes
Next,
next
you'll
you'll
notice
notice
the
the
file
file
explorer
explorer
contains
contains
all
all
the
the
files
files
in
in
this
this
directory.
directory
Open
open
a
a
file
file
end
end
notice
notice
how
how
the
the
text
text
inside
inside
is
is
colored.
colored
That's
that's
because
because
Versus
versus
code
code
analyzes
analyzes
the
the
symbols
symbols
inside
inside
the
the
file
file
to
to
perform
perform
syntax
syntax
highlighting.
highlighting
It
it
will
will
automatically
automatically
detect
detect
problems
problems
in
in
your
your
code.
code
If
if
a
a
variable
variable
is
is
not
not
used,
used
it
it
becomes
becomes
a
a
little
little
more
more
opaque.
opaque
A
a
red
red
squiggly
squiggly
line
line
appears
appears
if
if
your
your
code
code
will
will
not
not
compile.
compile
Hover
hover
over
over
it
it
for
for
more
more
details.
details
It
it
also
also
creates
creates
an
an
outline
outline
of
of
the
the
code
code
structure
structure
to
to
quickly
quickly
navigate
navigate
to
to
the
the
line
line
of
of
code
code
that
that
you're
you're
looking
looking
for.
for
Now,
now
as
as
you
you
start
start
writing
writing
some
some
code
code
in
in
this
this
file,
file
you'll
you'll
notice
notice
a
a
little
little
box
box
pops
pops
up
up
as
as
you
you
type.
type
Professional
professional
developers
developers
rarely
rarely
type
type
every
every
character.
character
Instead,
instead
they
they
leverage
leverage
Versus
versus
Code's
code's
IntelliSense
intellisense
to
to
auto
auto
complete
complete
the
the
code
code
that
that
they
they
were
were
thinking
thinking
about
about
writing.
writing
When
when
the
the
right
right
suggestion
suggestion
comes
comes
up,
up
hit
hit
tab
tab
or
or
enter
enter
to
to
complete
complete
an
an
edit.
edit
You
you
might
might
also
also
right
right
click
click
on
on
your
your
code
code
to
to
find
find
a
a
variety
variety
of
of
options
options
to
to
analyze
analyze
and
and
refactor
refactor
it,
it
but
but
almost
almost
anything
anything
you
you
can
can
do
do
with
with
the
the
mouse,
mouse
you
you
can
can
do
do
faster
faster
with
with
the
the
keyboard.
keyboard
Hit
hit
control
control
shift
shift
papa
papa
to
to
bring
bring
up
up
the
the
command
command
palette.
palette
From
from
here,
here
you
you
can
can
quickly
quickly
access
access
any
any
Versus
versus
Code
code
command
command
or
or
any
any
file
file
in
in
your
your
project.
project
Let's
let's
use
use
it
it
to
to
open
open
up
up
a
a
terminal
terminal
session
session
which
which
brings
brings
up
up
the
the
command
command
line
line
here
here
at
at
the
the
bottom.
bottom
We
we
can
can
use
use
it
it
to
to
run
run
commands
commands
in
in
this
this
project
project
like
like
git
git
init
init
to
to
enable
enable
source
source
control,
control
or
or
better
better
yet,
yet
we
we
can
can
click
click
on
on
the
the
source
source
control
control
icon
icon
to
to
run
run
Git
git
commands
commands
with
with
a
a
visual
visual
interface.
interface
Versus
versus
Code
code
is
is
minimal
minimal
by
by
design,
design
but
but
as
as
an
an
open
open
source
source
JavaScript
javascript
project,
project
it's
it's
easily
easily
extendable.
extendable
From
from
the
the
extensions
extensions
panel,
panel
you'll
you'll
find
find
a
a
huge
huge
number
number
of
of
packages
packages
that
that
provide
provide
specialized
specialized
tooling
tooling
for
for
whatever
whatever
framework
framework
or
or
language
language
you're
you're
working
working
with.
with
Most
most
software
software
projects
projects
work
work
with
with
the
the
cloud
cloud
in
in
some
some
capacity.
capacity
The
the
remote
remote
button
button
can
can
connect
connect
your
your
editor
editor
to
to
a
a
remote
remote
GitHub
github
repository,
repository
Docker
docker
container,
container
or
or
cloud
cloud
server,
server
and
and
you
you
can
can
even
even
run
run
Versus
versus
Code
code
itself
itself
in
in
the
the
cloud
cloud
to
to
access
access
zip
zip
from
from
the
the
browser
browser
on
on
any
any
machine.
machine
This
this
has
has
been
been
Versus
versus
Code
code
in
in
100
100
seconds.
seconds
Hit
hit
the
the
like
like
button
button
and
and
subscribe
subscribe
if
if
you
you
wanna
wanna
see
see
more
more
short
short
videos
videos
like
like
this.
this
And
and
if
if
you
you
really
really
want
want
to
to
maximize
maximize
your
your
productivity
productivity
as
as
a
a
developer.
developer
I
i
just
just
released
released
a
a
brand
brand
new
new
Versus
versus
Code
code
magic
magic
tricks
tricks
course
course
that
that
contains
contains
a
a
ton
ton
of
of
productivity
productivity
hacks
hacks
for
for
beginners
beginners
and
and
advanced
advanced
developers
developers
alike.
alike
The
the
first
first
10
10
videos
videos
are
are
free,
free
so
so
check
check
it
it
out
out
on
on
Fireship
fireship
IO.
io
Thanks
thanks
for
for
watching,
watching
and
and
I
i
will
will
see
see
you
you
in
in
the
the
next
next
one.
one
success
In this video, the speaker explains the benefits of using Versus Code for editing code, including the use of file explorer and the development environment it creates. They also discuss the use of the command line and the ability to run programs in the cloud. The speaker then promotes a new program called magic tricks for beginners and advanced developers, which is available on Fireship IO.
VS Code in 100 Seconds
Visual Studio Code, a free and open source program for editing code. Software is just a collection of text files organized in a precise way. Versus Code provides an integrated development environment to help you edit, analyze, and manage these files efficiently. It's a Microsoft project that first appeared in 2015 as a lightweight cross platform code editor that ships a new update every single month. Today, it's the world's most popular code editor. Download it, then a new user to open a folder that contains your application files. Before you can write high quality code, you'll need to make the editor look cool by clicking the settings icon to update your syntax and icon themes. Next, you'll notice the file explorer contains all the files in this directory. Open a file end notice how the text inside is colored. That's because Versus code analyzes the symbols inside the file to perform syntax highlighting. It will automatically detect problems in your code. If a variable is not used, it becomes a little more opaque. A red squiggly line appears if your code will not compile. Hover over it for more details. It also creates an outline of the code structure to quickly navigate to the line of code that you're looking for. Now, as you start writing some code in this file, you'll notice a little box pops up as you type. Professional developers rarely type every character. Instead, they leverage Versus Code's IntelliSense to auto complete the code that they were thinking about writing. When the right suggestion comes up, hit tab or enter to complete an edit. You might also right click on your code to find a variety of options to analyze and refactor it, but almost anything you can do with the mouse, you can do faster with the keyboard. Hit control shift papa to bring up the command palette. From here, you can quickly access any Versus Code command or any file in your project. Let's use it to open up a terminal session which brings up the command line here at the bottom. We can use it to run commands in this project like git init to enable source control, or better yet, we can click on the source control icon to run Git commands with a visual interface. Versus Code is minimal by design, but as an open source JavaScript project, it's easily extendable. From the extensions panel, you'll find a huge number of packages that provide specialized tooling for whatever framework or language you're working with. Most software projects work with the cloud in some capacity. The remote button can connect your editor to a remote GitHub repository, Docker container, or cloud server, and you can even run Versus Code itself in the cloud to access zip from the browser on any machine. This has been Versus Code in 100 seconds. Hit the like button and subscribe if you wanna see more short videos like this. And if you really want to maximize your productivity as a developer. I just released a brand new Versus Code magic tricks course that contains a ton of productivity hacks for beginners and advanced developers alike. The first 10 videos are free, so check it out on Fireship IO. Thanks for watching, and I will see you in the next one.
In this video, the speaker explains the benefits of using Versus Code for editing code, including the use of file explorer and the development environment it creates. They also discuss the use of the command line and the ability to run programs in the cloud. The speaker then promotes a new program called magic tricks for beginners and advanced developers, which is available on Fireship IO.