VS Code in 100 Seconds

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 fireship.io/courses/vscode-tr...
🔥 Black Friday - Upgrade to PRO 🔥
Discount 33.330000000000003%
Free Sticker
Free T-Shirt (lifetime members)
Use code: 1LDSQD4q
👉 fireship.io/pro
#learntocode #vscode #100SecondsOfCode
🔗 Resources
Open VS Code now vscode.dev
VS Code Docs code.visualstudio.com/docs
Also checkout VIM • Vim in 100 Seconds
🎨 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

[@code]

All your videos are good; but this one is 😘. A big “thank you” from all of us here at VS Code.

[@DoorknobPlus]

vscode

[@sidulislamsohag7028]

Vs code ❤️

[@Kat21]

oh its vscode :)

[@luunars]

zamn! she’s visual studio code?

[@Ihavetoreturnsomevideotapes]

69 likes

[@leagueoflags]

Love how making VS Code look cool is an obligatory first step.

[@Sciencedoneright]

It ha to be done, it is necessary

[@georgeousthegorgeous]

it looks cool by default

[@hazlanmuhammadqodri8469]

It’s synthwave 84 and vibrancy mode for me

[@DookyButter]

It really is tho

[@brunosanches5233]

It's the law

[@bif1498]

Instantly clicks even though I use VSCode on a daily basis.

[@stachowi]

Pretty much every fireship video…

[@EnSnut]

god damn it

[@soniferous]

Same.

[@PoppingPopper]

Lmao same

[@islamibrahim8121]

Lmao I was like Yessss he's finally done it!

[@didiermunezero4089]

Before you can write high quality code you'll need to make the editor look cool. You are even good at finding good terms

[@TheNewton]

Is true you ever see a high end mechanics shop without toolboxes or racks

[@coronaklledmebot4856]

@@TheNewton yes

[@JustinMacri007]

@@TheNewtonis it true vevice is dead or what?

[@TheBlueBear1337]

The 100 second format is gold! In stead of going through a few different 10-30 minuter long videos to get a high-level picture of what a thing is, you describe it perfectly in just 100 seconds. I say again, GOLD! Thank you for your work.

[@MakoNext]

That's gold, Jerry. Gold!

[@hamidshaikh3324]

correct bro gold

[@nickscurvy8635]

Is this heavily loaded sarcasm and irony?

[@TheBlueBear1337]

@@nickscurvy8635 nope

[@10gamer64]

Sorry to be that guy, but this video is 153 seconds long

[@guillermomedel1575]

"Before you can write high quility code you'll need to make the editor look cool ". Winter is coming theme all day baby

[@SFSAtlas]

Monokai ftw

[@lanye2708]

horizon theme my beloved

[@DRSDavidSoft]

Atom One Dark & Dracula FTW

[@MrTyty527]

yea winter is coming theme is cool at first sight but turns out the syntax highlighting is not as clear as other famous themes one atom dark is best

[@Vierone]

Codesandbox Theme Legacy

[@smixqse]

every programmer is different, but VSCode is what unites every one of them

[@marcempunkt9737]

Ever heard of the never ending debate "emacs vs vim"? 😆 But vscode is awesome. I still prefer Emacs though

[@lamka02sk]

jetbrains

[@miha493]

Every one, except Vim users. We are still confused why everyone use this funny mini keyboard, but only with 2 buttons and wheel in the middle. Well, at least it has flashlight on backside and rolling wheel is quite relaxing.

[@smixqse]

@@marcempunkt9737 yeah I've heard it, but still the vast majority uses vscode regardless of what language they work on, that's what I'm saying. it's so cool that it can integrate with any language/tool perfectly

[@smixqse]

i'm comfortable with vscode but maybe i should try vim just for fun......

[@goswami7275]

I always took VSCode for granted... but I don't know what I would do without it! 😄

[@EnriqueDominguezProfile]

Hello my fellow developer, do you have a minute to talk about our Lord and Savior, Visual Improved? 😂

[@oskrm]

@@EnriqueDominguezProfile I leave him in good hands, fellow vi-er

[@LinkEX]

@@liamhohertz4807 Vim has a vastly different culture and user experience. While some might feel right at home, I bet there are lots of VS Code evangelists that would _hate_ using Vim.

[@bakedbeings]

Back to Sublime Edit maybe 🤔

[@goswami7275]

I just use vim for quickly editing individual files once in a while, not as comfortable using it as I am with vscode :)

[@sulaimandev]

We need 100 seconds of "100 Seconds" series

[@vaisakhkm783]

I am seeing a scoop for recursion here :)

[@vaisakhkm783]

But he already done a video about how he is making these videos

[@ashrafshaikh5175]

Stackoverflow man - stackoverflow

[@3dninja54]

Recursion?

[@adnanbinalam2539]

@@vaisakhkm783 😂

[@LardBucket_]

VSCode's base is "open source", but Microsoft tacks on a bunch of telemetry and additional proprietary tooling. If you want to avoid Microsoft telemetry, the VSCodium project provides compiled binaries of the base program without the proprietary fluff.

[@mthf5839]

came here looking for this comment. I know Fireship does seem to care about free-ness and open-ness of software all that much, but this is a factual mistake from a source I otherwise trust :(

[@abubakrakram6208]

My understanding is that Codium won’t work with many extensions.

[@yushie8158]

@@abubakrakram6208 Codium works just fine with all extensions, but it uses the open source repositories which do not have quite a lot of extensions. Try switching to the Microsoft repositories, or simply just disable the telemetry in VSCode (it's literally a single setting :P)

[@abubakrakram6208]

@@yushie8158 I don’t use VSCode anyway. I use an online compiler, because I just stared learning in September and don’t see the point in anything more complicated. :P

[@nickscurvy8635]

Oh wow I didn't realize this. Thanks for the pointer

[@peterk1821]

It was really cool to see VSCode grow over the years, I remember when it first launched and it’s been such a great resource for me ever since

[@carlosmuro444]

Daaaamn, i just bough the PRO lifetime with the 25% code, still no regrets, awesome lessons

[@Fireship]

Thank you for the support! Make sure to hit me up on slack for your T-shirt :)

[@lucasgazzola]

Your content is really great. I'm a spanish speaker, but I usually unterestand the 99% of what you say in the videos and I don't even need subtitles. I love this channel. I've learned a lot here. I follow you on Twitter. Thank you!! Greetings from Argentina! Keep going this way

[@modernkennnern]

VSCode is probably Microsoft's best product. It does what it does, and it does it well, unlike most of Microsoft's products which are very slow and bloated, and prone to crashing.

[@LinkEX]

Amen. Does anyone know the origins of VS Code, and why it succeeded on that front? Judging by the name, it started as a pilot project with the goal to recreate a barebones Visual Studio that wasn't as bloated.

[@Bliss467]

Excel

[@Bliss467]

A lot of the stuff in windows works so well you never question it. Networking. Drivers. Backwards compatibility. Security. So despite any design choices you may disagree with, I still think in the face of the sheer amount of technology on display in the windows operating system that you can argue they offer a more impressive product. That said I agree vscode is sublime... Well, it's not sublime, but it's sublime...the adjective not the ide...

[@davidnguyen9065]

You've clearly never have heard of Microsoft Azure

[@Sciencedoneright]

true lmao

[@rawmetal3052]

The quick startup and "Snippet" extension is the reason why I'm married to Vscode

[@rawmetal3052]

@@hwfq34fajw9foiffawdiufhuaiwfhw yes, a bit slower than Sublime Text - the second best code editor in my opinion

[@NMNaufaldo]

Been using VS Code for years, but I love to watch your content, because your video is 🔥

[@raiguard]

I have (d)evolved to the command line and kakoune, but I will forever be grateful to vscode for being easy enough to start with, but capable enough to scale. It taught me so much.

[@TheCupcakeken]

Love how the content is prepared and explained

[@Reeyan987]

These 100 sec videos are one of the best video formats ever.

[@m1ch4l28]

This series is AWESOME! I always click the like Button at start, even though I didn't watched the video yet. Thank you for the amazing free content!

[@enforc3rr]

Thanks for the video . Btw a video on best VSCODE extensions / the ones which you use , will be much appreciated . Thank you

[@GlitchyPSI]

This is perhaps the best introduction to VS Code I've seen in a good while and if anybody asks me what IDE I use I'll attach this video along with the answer

[@thethiny]

I knew all of this except the last one, and I immediately had to try it. You learn something new everyday!

[@FernandoBorea]

I've been refreshing your channel for two hours for the new video... your content is amazing and addictive!! Definitely one of the best if not the best programming channel, and that's even when I don't understand a lot of the content 😂

[@vizthex]

i love how Notepad++ is the third most popular editor. makes me feel validation for that time i tried to mod Terraria forever ago and used it since i didn't wanna deal with setting up a whole-ass IDE i knew i'd abandon in a month or two.

[@Funnymoments-or1ly]

so i should learn coding on python with vs code or only on python ?

[@Fireship]

Check out my brand new VS Code Course and huge (Black Friday) discount for PRO members. Use this code at checkout: 1LDSQD4q fireship.io/courses/vscode-tricks

[@bilalkureshi7437]

How about a fireship-themed theme? Or syntax highlighting

[@faheemahmadofficial7701]

u didnt told that its made in ELECTRON why?

[@alexandervashchuk7795]

Will this code be valid in 20 days? My current subscription expires in 20 days

[@santi100a]

¿Sabes español?

[@victorgarciaexposito6947]

Hello! Can I use this code just in the flutter course?

[@C_Corpze]

VS Code has been my favorite IDE ever since I started using it. It's fast, simple, not bloated with features but extendable and has smart auto-correct. And runs on almost every PC platform is I remember well.

[@hamidrezabokharaei5779]

Just in time, I was thinking of installing it. Thanks for the great content!

[@RappersInFan]

Instead of CTRL + SHIFT + P you could also use "F1", and instead of right-click rename, you can simply do "F2" while the function is being marked.

[@insertcreativenamehere492]

and instead of opening the terminal through cmd+shift+p, you can use ctrl+`(at least on Mac)

[@vinebe5291]

Electron in 100 seconds ! It's probably a new great video for explain how vscode work

[@mayukhchakraborty5364]

It is already done by him. Search for electron in 100s

[@vinebe5291]

Oh yes it's already done

[@stefanoctaviansterea1266]

The "connect to remote" feature is a lifesaver when you're working with virtual machines and you don't want to have VSCode or other editor installed both on your host and on your VM. Vim is good for editing things quickly directly on the VM, but when you're working on a greater project, ssh connection to VSCode saves a thon of time. Also, really helpful when you have VMs without a GUI.

[@Mahargbot]

Wow I am an idiot and never knew I could bring up a terminal session in vscode. This makes testing my ruby code so much quicker. Thank you!

[@CodeWithSahand]

love your videos 💕. Amazing 👌

[@AlJavier06]

VSCode has been my go-to editor ever since I started working. I only have some minor gripes with it regarding the official Go plugin, but everything is pretty painless, especially the JS stuff.

[@chintan357]

The last info really got my attention. I was not aware or actually you can say I couldn't even imagine using vs code in browser. Really innovative...

[@IM-pt4vr]

i already know vs code , but i love looking at videos like this it's very helpful and refreshing

[@jhonnythejeccer6022]

Well, did not expect 100s in IDEs. Would be interesting to see more videos on other ones, like sublime, atom, netbeans or jetbrains-IDEs

[@p_a_n_da]

When you put editors up, I think you could classify VS and IntelliJ as IDE's instead and compare VSC with Atom and sublime etc...

[@faraz1604]

😲 learned so much in 100 sec. Was using it for beginners loop and conditional programming

[@maxijonson]

100 Seconds of litterally what I use every single day but am still going to watch it because FIRESHIP!

[@benjaminfortune2707]

Is it worth mentioning that while VS Code is itself "open-source", many things within the infrastructure are actually proprietary / closed-source? E.g. Extensions like LiveShare & Remote, the C# debugger, etc. are all closed source AFAIK & won't work with a self-compiled version of VS Code-- which isn't exactly "open".

[@crazychicken0378]

Most people/devs don’t really care. I avoid it and use emacs but people prefer proprietary software most days

[@metaltyphoon]

@Benjamin Fortune you are not entitled to free things just because the editor is open source. If people want to make a commercial or closed source it’s their choice.

[@LardBucket_]

Is this the same case with VSCodium? Or are those binaries missing these proprietary libraries?

[@oskrm]

@@metaltyphoon That's not the point. The point is, you don't know what those extensions are doing. You can't edit them and review their code. So, it might be considered hyper.

[@oskrm]

Those are extensions. The software itself is opensource.

[@OrangeDied]

you know what they say, "if you can't explain something simply, that means you don't understand it well." these videos are great, keep it up!

[@MinhazurSarker]

I don't miss your video. If the notification doesn’t reach out, I used to go to your channel & watch the video I missed. I Love your video.Very informative.

[@CHITUS]

I always took VSCode for granted... but I don't know what I would do without it!

[@abhishekverma614]

not only a code editor but a complete dev environment sometimes

[@rishirajsaikia1323]

Vscode can do most of the thing like an IDE. Just the compilers need to be linked to the terminal.

[@tijsbeek8590]

It can replicate the functionality of a basic IDE. Not of a good IDE though

[@user-pq9yh]

Great video. Does anybody know what color theme is Fireship using ?

[@ricardocnn]

You make the best videos in KZbin.

[@abulkalamasif1270]

Using VS Code for the last 3 years... It is really a great Tool

[@harikrishnapodaralla6037]

Need video on intellj. 🔥 🔥 🔥

[@hadipawar2539]

Cant wait for 100 seconds of WebStorm.

[@samiier3324]

Vs Code is really helpful for me as a begginer . I see and explaination on everything.😍😍

[@Yaxqb]

Ur zoom is optimized for blind peeps and I'm LOVING it

[@bobbyhinner3225]

I used vs code for my Linux c programming course. I really liked the auto fill and the really really nice and clean syntax highlighting. It’s kinda slow, but it is well worth it for all the features

[@seifenspender]

How is it slow compared to other IDEs?

[@bobbyhinner3225]

@@seifenspender it was slower to open initially, as in it would take like 7 seconds opposed to the 2 or 3 a very lightweight text editor would. Same for opening other files, but I'd say it's well worth it for all the features it comes with. ( my time examples are just random numbers, I've never timed it, nut it was just to get my point across)

[@seifenspender]

​@@bobbyhinner3225 Oh okay :) Are you running an SSD? My load times for a large project are like 1-2s. New window takes around half a second.

[@bobbyhinner3225]

@@seifenspender I am running an sad yeah. It's possible I had it configured wrong as well. I was running it as a snap package on fedora so maybe running it as a snap was my issue? Not entirely sure

[@seifenspender]

@@bobbyhinner3225 Snap in general is an issue. But probably not the cause of it being slow on your machine. Works great in PopOS! installed as .deb for me. Windows and MacOS run it fast too.

[@ZiggyJnckh]

Great video, as always! Would be nice if you could make a video about development strategies and their tools (CI for example).

[@Fallout3131]

Thank you! I’m learning how to code C++ and this video inspired me to download visual studio!

[@playedbyear998]

VS Code is the GOAT simply put together

[@glennquagmire4236]

Would also love IntelliJ in 100 seconds! Great work as always!

[@FoxHoundCReatorFS]

I need that amoled dark theme at 0:33

[@apuji7555]

I didn't know you could run it from the browser! Thank you so so much!

[@modiddymo]

Kudos on the rhythm of quality content.

[@GummyKev]

I have a video idea for you 💡 Of course if you've already made you can let me know, but recently I've been getting into programming and with it comes lots of terms/vocab you need to learn as a programmer over time. Basically I'd like to see a video on jargon in x seconds. But then again this could become too broad too easily.

[@nekrosis4431]

I think there are alot of concepts, which would really help beginners, just by knowing the name of it. Because then you can actually google the damn thing. Take my 👍

[@JustinPresley]

Instead of the like/dislike ratio, try checking out the views/like ratio. It seems fairly consistent that if a video has a number of likes around 10% of the total views listed, it's a good one.

[@avirukbasak]

a ton of ppl never like the video

[@lordz00]

great stuff, keep pumping those numbers up!

[@stevenborgens1390]

These 100 second videos are just fun to watch

[@markovesovic6018]

*Today its the most popular code editor* Me: Laughs in vim

[@dakshdeepakagarkar234]

Love from india

[@pqsk]

I didn't know about the web version. Thanks for the info.

[@nicolasreinaldet732]

Been using VS code for 1 year now to code C and C++ for college works, never learned about many of thpsse features and i will use them fron now on.

[@kamilgregorczyk8680]

I only use vs code for small edits of config files etc., for all bigger things I use intellij tools, I tried vs code but either something doesn't work, or is hidden behind a magic shortcut. In intellij the autocomplete of code/imports/styling/formatting is just far superior. Probably it's possible to make VS code work a bit more like intellij but I need to use tools to work and not I don't want to spend also time and effort on them.

[@thoriqadillah7780]

Yeah intellij offer better autocomplete, but it also more heavy and laggy than vscode, which for some people is bothering, especially if you have deadline, at least in my laptop

[@Chris-zt4ol]

Where is my IntelliJ Gang? 😎

[@everyhandletaken]

Out working, paying off the license costs 🤓🤪

[@7heMech]

Best code editor out there!

[@subpartalli8214]

Amazing, so appreciative of this channel

[@plasmatech576]

It's funny how the entire developer community was tricked (intentional or not) into thinking Microsoft Visual Studio Code is open source. "Microsoft VS Code" is proprietary built using open source base called "VS Code". One the devs stated that it was proprietary because they add "Microsoft branding and configuration files". Extensions like remote development, Pylance engine, etc are also proprietary. Not that it detracts too much from being an incredibly good product. Just thought I would mention it so I can ruin peoples' FOSS OCD.

[@ngocatnguyen5771]

People using VSCode: Dude, why are you using Visual Studio or JetBrain IDE and tools, it's a waste of space and redundant Also people using VSCode: Literally having 100+ extensions installed, take an hour every time only to consider the theme color, making more effort in designing the UI than actually coding

[@franciscovarela7127]

A beautiful and functional tool.

[@sarthakjain1824]

I love vscode so much

[@xrr-1]

0:23 lmao who the f uses notepad++

[@kacperkonieczny7333]

The bigger issue is WHY TF THOSE NUMBERS ADD UP TO AROUND 160%

[@satwikanmol]

Take your "first hour ticket" here

[@Goldsacs]

I love that the priority was to make it look cool :D

[@judevector]

Never knew I would be seeing VsCode analysed here, wow ❤

[@FriskTemmieGoogle]

Vs code for haters when?

[@dreamhunter8716]

Dead to Microsoft

[@s1ngularity1224]

Everytime I click on your video I learn something new. Big Thanks 😊

[@arjitagarwal795]

oh man!! why don't I get your video your video recommended early. it solve my 3 problems. Thank you very much my friend.

[@samvelasco9231]

Love those videos. Keep at it:D

[@vandanaundley9945]

Congo 1 million sub...

[@prathamIsOp]

VSCODE is ❤ -All in one code editor -Easy to Use -looks cool after installing few theme extensions😎

[@jonathansaraco]

Recently started a new job where most development is done in C++ and C#, so I've been using VS Code. Still don't like it as much as IntelliJ but it's grown on me as I've used it.

[@TimothyNazar]

Thanks for the yet another amazing video! It'd be great to see 100 seconds of making video like "100 seconds of..." from a programmer view point :)

[@prabachann]

You are way to 1M subs. Best of luck 🙏 and thank you for the beautiful contents. ❤

[@BP-qy2pb]

Remote ssh and remote container are masterpieces!!!!

[@rydmike]

Thanks for a nice summary video. As nice as VS-Code is, the fact that it is not possible to grab a code view tab, drag it and place it on a 2nd or 3rd monitor, makes it a no go for me. Still it is a nice and reasonably light IDE with many useful extensions for pretty much any language. Markup editing with it is nice though, I do use it for that, from time to time.

[@ayanahmed8180]

I am so glad I switched to vs code for c++ even though my university still uses dev c++.

[@minefan7]

your 100s vids are so good i clicked even tho i dont use vscode

[@josemanuelbaezsoriano1663]

Amazing content, as always

[@group173]

Control + Shift + PAPA , I like that subtitle LOL

[@monion_official]

VS Code styles are the best! My favorite is by far SynthWave 84 but it´s not for everyone...

[@NooglerNafiz]

Oh, An Amazing explanation ❤️

[@semreg]

Awesome! It would be really cool to see the same video about Webstorm

[@mister.obviously]

today was my first day at my job as an ITler, and my home work was to understnad this video :)