HomeНаука и техникаRelated VideosMore From: Traversy Media

Visual Studio Code Intro & Setup

2945 ratings | 195393 views
In this video we will take a look at the Visual Studio Code text editor and talk about the features, how to navigate the editor, use the terminal. we will setup some of my favorite extensions and briefly look at version control. VSCode video created by my Discord server mod, Simen: https://www.youtube.com/watch?v=Z-IaHeiP6AI DISCORD SERVER: https://discord.gg/traversymedia 💖 BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia VISIT MY WEBISTE: Check Out My Udemy Courses http://www.traversymedia.com FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia





Html code for embedding videos on your blog
Text Comments (275)
Traversy Media (11 months ago)
As some mentioned, you can just click the pencil icon next to the setting you want to change. I evidently like to make things harder for myself :)
mikej747 (2 months ago)
I am trying to change the color theme but it just says I have errors. It does not say what the error is or what/how to fix it. If I do change anything, then it says I have 2 errors. What is wrong with this damn thing, it does not make anything clear as what needs to be changed/fixed. ANNOYING!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Thanks for never helping.
Hassan Mokalled (9 months ago)
how can we change the language of the whole editor ?
BrΩken Ed1†S (10 months ago)
what is your font-family on vs code edit: found it but how do you make your parentheses like the width smaller
Kip Raymond (11 months ago)
That's OK Brad, it's good to learn it both ways. :)
Musa Yazlık (11 months ago)
Marcio Matteucci OK. Thank you for your help.
David Nattrass (21 hours ago)
17:49
Josef007 It's (3 days ago)
this bitch of WIX won't me finish watching your turorial meanwhile KING KONG ain't got a shitt on me.
Sadaf (9 days ago)
please help activating Live server extension ,its not working not even icon appeared at bottom
Nova i love you (11 days ago)
Thank you
realistindenial (12 days ago)
This is a really great tutorial, but the right click menu didn't work until installing the extension "PHP Intelephense".
COMMANDER (17 days ago)
discord invite is not working
imane ben (19 days ago)
the user settings window looks totally different on my app. i am using a mac. can you help?
imane ben (37 minutes ago)
I didnt but by reading i figured that ut was essentially the same, just a different layout!
Nicholas Morello (15 hours ago)
nvm, got it as soon as I typed this. Click the 3 dots on the upper right of your settings page and click "open settings.json"
Nicholas Morello (15 hours ago)
did you ever figure this out?
Paweł J. (22 days ago)
My bash terminal does open in new separate window instead of opening inside Visual Studio Code? Why is that? Any ideas? Edit: Found a solution, nvm :)
binar katulistiwa (23 days ago)
thanks a lot
Shelby Sakamoto (24 days ago)
WHERE DO I FIND MY BIN FOLDER
Boiled Frog (27 days ago)
even after i watched the whole video, I felt like i just wasted 38mins, so I decided not to learn how to code.
Ahmad Habib (30 days ago)
You used one extension in your series which automatically puts semicolon at end of each statement we we hit ctrl+s. I don't remember it please tell me the name
Misty Joja (1 month ago)
wait it's not An ide :'(
DiNOo Gaming (1 month ago)
wow when i was installing now python extension 19.8M download
12345charliebrown (1 month ago)
never thought Id see the day a Microsoft program would be availible on Ubuntu software list. And its the best Python IDE by a country mile. I remember the days of having to use IDLEs ugly tkinter interface. Was using Geany because Pycharm had issues with kivy but this is so much better kudos to Microsoft their destiny lies in cloud computing.
Phantzy (1 month ago)
hi how did you mange to have the integrated git functionality on local mode ? it's not there by default . i mean on 32:30
Tay Simp (1 month ago)
Your tutorials are so thorough and have helped alot, I am using a mac so some controls are different but thank you
Vishwas Kamath (1 month ago)
Vs code is unbeatable
KazzArie (1 month ago)
Microsoft l33t scheme ftw
Rutkuli (2 months ago)
join on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoinjoin on my discord server https://discord.gg/BWugpChoin
Rakib Uddin (2 months ago)
Bro live server is not auto reloading. I am very new in visual studio code. Can you please help?
Callie (2 months ago)
i cant see the code that is in a file I open with vs code
Rutkuli (2 months ago)
join on my discord server https://discord.gg/BWugpCh
DrDonkey (2 months ago)
Did you delete your discord server? The invite link is invalid.
David Quintero (2 months ago)
How's on iMac? you have a problem with terminal integrated and sass compiler. What can I do? Please help me
mirjana72003 (2 months ago)
Thank you very much for this tutorial and all others you offer on your channel, heading over to Udemy to buy your modern JavaScript course :) cheers!
Sync (2 months ago)
I was using Atom earlier for making a Discord Bot but it took a lot of resources on my pc like it took 8 minutes to load and then showed editor is not responding.... Then VSC changed my life...
Sync (2 months ago)
You can use an extension called "Prettier" which beautifies and indents your code on saving.
Bobby Show Time (2 months ago)
I'm Using Python in order to do my programing what is this guy using to do his because python isn't working for me.
Ninety (2 months ago)
hi, can anyone tell me why at the bottom left there's the synchronize changes arrow down and up shows 0 down and 4 up? What does that mean? is something commit pending? I tried a git push but the error message comes back saying "can't push refs to remote. Try running 'pull' first to integrate your changes... I ran pull a bunch of times just fine. and the 4 up arrow still shows up and this message continues to display as an error when i push.
ND I (3 months ago)
by far, easy & fast start-up lessons for not experienced devs.
Nabil Fannane (3 months ago)
Headache and ALL THAT CRAP !! maaaaan you killed me HAHAHAHAHAHAHAH
smu johnson (3 months ago)
When I click the "Extensions" button from a clean install it doesn't show anything. Maybe a bug.
Ahmad Saud (3 months ago)
Hi intellisense does not take effect in the visual studio code, although i installed the one for javascript/typescript, can you help me how to enable it? thanks
Vincent Dave Te (3 months ago)
Can you connect vst to firebase database?
Pritam Pradhan (3 months ago)
I like the fact that you dont get bored and elaborate just everything... Valuable videos.
TutorialsBee (3 months ago)
How to export and import all custom setup like shortcut, installed package, etc to new visual studio code? You explain very well. I am switching from sublime to visual studio code. Please make a video on this topic. I am waiting for your reply...
Roberto Ayala (3 months ago)
This guy is using your video on his YouTube channel https://youtu.be/qd-UGMi4nKM
Dan Kelly (4 months ago)
Hey Brad, great video! Any recommendations for Laravel extensions in VS Code?
Mathias Matanda (4 months ago)
I trust you and hope you're doing well Sir, would you please help me install npm in vs code terminal i'm struggling a lot,
Abel Yoshuara (4 months ago)
why do you use vscode instead of atom
taariqq (4 months ago)
Brad, question: How do I open files in a folder, via my web server, so that I can see changes to my file upon save ... including PHP files. I am used to the Brackets workflow and am having difficulty not only with "live preview" but also being able to see the changes to my PHP files.
陈瀚龙 (4 months ago)
When I type code . in my BASH terminal, after opening it from that folder, I get bash: code: command not found
Pella (4 months ago)
PERFECT! Thank you
Mohammad Mehrab Hossain (4 months ago)
Hey, Can I use Live Server instead of Webpack-dev-server ???? for running dynamic development code ??
Shah Alom (4 months ago)
Very useful tutorial. Thanks (y)
kudzai zishumba (4 months ago)
how do you add a reference to a local .dll in mvc core app?
apostolos viol (5 months ago)
Apple's xcode its way easier to use
taariqq (5 months ago)
Brad, is there a way to set the theme of the terminal window separate from the main theme. I regret to say that I may "have" to switch from Brackets only because the terminal and Brackets-Git bash apps are not working on my Linux Mint machine. Terminator is awesome but if I want the editor to switch the files when I switch them in terminal, I may have to let go of the Terminator as well. Any suggestions? I am talking about the file switching like in the Brian Yu Git tutorial @ MJUJ4wbFm_A&t=1s
Andre Undso (5 months ago)
Thank you for that great intro
Chris Schimick (5 months ago)
Amazing video. I'm brand new to using VSC, and I had been searching google for hours on how to perform simple tasks with the program. Even the introductory videos on VS's website hardly scratched the surface of the things you talked about here. They outlined the basic features of the program, which was great, but it's almost like they forgot to run through how to actually set up a project. Super bizarre. I was ready to give up on VSC altogether. You rock, dude.
Raghav Sood (5 months ago)
I hate the GUI too chunky and clicky. I prefer dev c++ simply.
Raghav Sood (5 months ago)
I wrote c++ hello world prog. Now i cant debug.. i have git but still problem
Ali Parlakci (5 months ago)
Greetings from Turkey, I am 18 and have interested in web developing for a week now. Your channel is treasure. All the good tutorial videos and the amazing toys to play with such as Ubuntu Terminal... I know you read these comments, just wanted to say that. Keep up the good work!
faiza faiza (5 months ago)
this demonstration was fructfull congratulations for the help you gave us
Davor Dakić (5 months ago)
Is Visual Studio Code ok for Ruby on Rails?
Tech world (5 months ago)
hey traversy Media how you met your wife.
Kenichi Mori (6 months ago)
d(^^)
Juan De Souza (6 months ago)
bracket pair colorizer is not necessary anymore. The new VSCode version 1.23 already comes with this feature out of the box.
Qadees Javed (6 months ago)
its amazing
Speedhaak (6 months ago)
Just installed Visual Studio Code tonight as everyone's been on about it for what seems like ages. I've been using Atom for a year or so now but so far VSC looks sweet. Lots of in-built functionality. Was browsing through it's settings when I thought to myself "I know who'll have a video about this" and off I went. Cheers Brad, thanks for the extension suggestions and basic setup info. :)
Grazia Lotito (6 months ago)
Good morning, It is possible to have a file index.html weather.js. I don't find it. thanks
Grazia Lotito (6 months ago)
Thanks
GD H (6 months ago)
Was very useful thank you.
Tommy (6 months ago)
why would i use this instead of the normal visual studio?
Nobal Dhruw (6 months ago)
My eyes started paining when that red colored theme popped up on screen :P
red45935 (6 months ago)
https://youtu.be/fnPhJHN0jTE?t=564 Im not sure how your getting 2 different terminals, when I do this I only get bash and bash. Or cmd and cmd. I want bash & cmd.
red45935 (6 months ago)
Never mind I figured it out, you can only have 1 shell key "terminal.integrated.shell.windows" in the settings file, so you have to change it then click "+" for new terminal and then edit the file again. Hope they fix this in future..
Mike Conlin (6 months ago)
should match and yet never does ... git.exe missing from base install
Abriel John Gabriel (6 months ago)
Why is it emmet's tab key not working anymore?
Vinh Le (6 months ago)
Hi all, I recently wrote a blog about my VSCode setup and clearly explain how it helps me to boost productivity. I am happy to share it here and hope that you might find useful: https://goo.gl/ZWMVaJ. Thank you and happy coding! :)
pavlo belenko (7 months ago)
Thank you very much man for your video. It is really helpful!!!
paolo-1283 (7 months ago)
Is it possible to have multiple different terminal shells? like for example everytime you click add you can choose either powershell, cmd or gitbash?
James Dunnigan (7 months ago)
any suggestions I can't get emmet to work for html when in a js file
LazosGR (7 months ago)
How i make a project?
Vignesh Sivakumar (7 months ago)
"Vetur" is the best extension for Vuejs with 2Mil+ downloads but unfortunately it doesnt popup when you search for "Vue". Because of its crazy spelling.
Chad Thomsen (7 months ago)
Thanks for this video. Great stuff!
Ron Lambojon (7 months ago)
Thank you for this! :)
Niall Moore (7 months ago)
Thanks Brad once again another great video . Keep up the great work
LLIO?!_OI79ITЬ?! (7 months ago)
https://github.com/prsion/Themes_VSCode its cool Theme)
JustThatSniper (7 months ago)
wow vsc is so nice
Surendar Ravi Kumar (8 months ago)
Thank you Brad :)
Sushanth Bobby (8 months ago)
That VS Code with Git snip was a bonus for me. Thanks
Rim Oo (8 months ago)
i cant happen to download it on my macbook ...idk whats the issue the zip folder is not opening and shows an error as i try to open VSC
Koceto Dimitrov (8 months ago)
in the css file intellisense for class or id not working ?
anjxri (8 months ago)
How do I run?
Abdelle Ahmed (8 months ago)
why i can't type or code anything in my terminal, i stuck here and i can't do anything is there anyone that can help me plz,
Roshith Radhakrishnan (8 months ago)
Thanks for the video. Those last 7 Minutes really helped me to know about basic things of Git and I will be soon watching your Git Crash course.Loving your tutorials.
HardworkPays (8 months ago)
thanx brad...
floply (8 months ago)
I also use "Beautify" extension, very good if you have the remotest amount of OCD with your coding!
floply (8 months ago)
NazmusLabs you're welcome
NazmusLabs (8 months ago)
floply thanks!
Hugo Nongbri (8 months ago)
visual studio vs atom vs Sublime .....which would you recommend for beginner?
Ron Nats (8 months ago)
VSC has a message "code language not supported or defined" cannot run code, replaced VSC with new version, same ol message, eliminated all plugs in except for live server. same result. Need help otherwise i have to use another text editor!
Ganga305 FL (8 months ago)
Help !!!! Visual Studio Code Live Server appears in my Google Analytics Audience Overview while I'm making changes to my website !!! And I haven't even uploaded the updated website yet !!! What's going on???
Gosn Ognjen Silni (8 months ago)
Awesome You have subscribe from me Keep up the good work 😎
Akhil Nani (8 months ago)
live server is not working on my vs code
Mohamad Naquiddin (8 months ago)
Hi.. I received error for my live server extension which mentioning "extension host terminated unexpectedly ". How can I solve it?
Dex Hunter (8 months ago)
Thank you for the awesome video. For the extension, I also include vim mode, but I found the default key mapping is actually enough.
Eugene Khristo (9 months ago)
Hi! Nice tutorial. I have just a question. When I try to open with Live Server - server starts, but browser isn't opened. So I have to open it on my own. How could I fix it? Thanks a lot in advance.
Robbie Cheng (9 months ago)
Very informative and very useful video. I only just switched from sublime to vscode and I love it even more after watching your video. Excelent work!
Ahmed Balfaqih (9 months ago)
Probably the best VS intro video. Thank you.

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.