Visual Studio Code Intro & Setup

[@TraversyMedia]

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 :)

[@musayazlk7654]

Does this code editor also have automatic code editing? I couldnt find it.

[@JamesQQuick]

What do you mean by automatic code editing?

[@London2ATL]

Musa Yazlık intellisense. Yes it has it.

[@musayazlk7654]

In the sublime text editor, I can make the codes regular as shown in the picture with a certain key combination. The divs are regular as shown in the picture. English is not very good. That's why I use google translation. :) i.hizliresim.com/XEZOJk.png

[@davidmares6053]

Traversy Media Thank you very much Man, what are some good extensions for working with Django?

[@jamesa.]

hello traversy media. i dont know you in person but i just want to say this.- You are really helping those of us here in Africa who have less dollars to buy udemy courses. Thanks a million boss! Wish you well. Middle finger to the Viral Infection you got.

[@TraversyMedia]

I'm glad I can help. Even my premium courses, I try to give all you guys coupons for the lowest price possible. I struggled with money growing up so I get it. We can not all buy courses for 200 bucks

[@ceejay_gaming9636]

Another shoutout all the way from East Africa Tanzania thanks a million Brad

[@jamesa.]

please sir can you tell me a link to your python tutorials. I would really love it

[@ts2371]

Do u understand how big Africa is ?? speak for yourself

[@ourmodernworldofficial]

@@TraversyMedia If you struggle for viral infections eat mushrooms. Check out the science, my way of giving back a little :)

[@Eldalion99999]

Dude, I subscribed to a LOT of guys making web dev tutorials in past 2 years, but yours are BY FAR the best out there. Great work ! I mean it. Always recomending your channel to friends who are interested in web dev.

[@TraversyMedia]

Thanks man, I appreciate that

[@CoryMcaboy]

+1

[@itsfahid]

Same Case.

[@NoahNobody]

I really like what MS have done with this product. By making it available for everyone, I have a lot more faith in them as a company now for bettering the world.

[@robertmaric9700]

"Embrace, extend, and extinguish"

[@NazmusLabs]

Robert Marić you do realize that this term was mentioned in the freaking 90s by completely different people that ran the company. Your mentioning of this shows you have little understanding of the "new" Microsoft and the people who run this company today.

[@ievabroberg5312]

This is fantastic, as an X sublime text user I was majorly overwhelmed with Visual Studio Code and this video made everything make sense! Thanks!

[@zensasquatch4627]

Thanks for making these videos. As a person that is trying to learn web design on a low income, I am very dependent of the generosity of you people like yourself that share their knowledge on youtube. However, I really do have to say that no matter how well intentioned a viewer is, the more mono-tone your voice is and the more of a data barrage you throw out, the harder it becomes for your audience to keep up their attention span. I have attended teaching courses in the past and the first thing that they all stress to you is the need to form and maintain a connection with the people you are trying to teach. Simple things like increasing the range of your vocal tone, slipping personal prefs for some features, "I love this part of the app" ...."I hate this part of the app" Even smart ass remarks and occasional quips. Anything to humanise yourself every now and then goes a long way to hold your audiences attention and retaining the information you are trying to show them will be so much easier for them. I made it to 11 minutes before I had to stop your clip because I just could not pay attention any longer in spite of wanting to learn what you are showing us. Thanks again for making the clips amigo. I really hope my words don't offend you. I'm just trying to help :-)

[@soumyarout9303]

you can use "up" and "down" keys while you are checking what theme you want to use then you don't have to go to again and again to file -> preference -> color theme

[@zacnetic3103]

I just wanna go ahead and say that your videos are SO worth the 38 minutes of my time. I am currently developing a data-driven website for an assignment I have and your videos are helping me understand things so much easier. I personally believe that anything is easy only if it is explained by the right person and you are the right person. Thank you for these videos, I will donate if you have any way of donating :)

[@jkbdevel]

I like watching your videos because you generally explain things in an easy to understand way. This one especially. I had watched about 6 or 7 videos about VSCode and Git without really learning anything. The last seven minutes of your video told me everything I needed to understand to make it work. Thank you.

[@alansartlog]

In the settings, you can click the little pencil icon that appears on hover > Copy to Settings (or if it has a set number of options it'll give you a list to pick from) to have the setting copied automatically with correct formatting and everything. No need to copy/paste or worry about formatting.

[@Speedhaak]

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. :)

[@michael.penrod]

I have several additional extensions that are great: npm Intellisense - auto-completes the path as you are typing your require() statements Path Intellisense - start typing a folder path and you get auto completions Git Lens - gives you a bunch of inline git information, super handy when working with a team Output Colorizer - Makes the vs code output panel pretty :) Docker - the official Docker extension

[@RGPankO]

Thanks for the listed, installed all of them.

[@AliParlakci]

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!

[@simrandotdev]

Man, how do you read our minds ? I just unsubscribed from JetBrains subscription and was watching Microsofts Talks on Visual Studio Code. I refreshed my other KZbin tab and BAM your VS Code video pops up. Definitely gonna pump my Patreon amount to you.

[@thayalol]

For those watching in 2019 (or maybe this existed in 2017 too, not sure): you can now configure which CLI the Terminal will use by default; it's in the dropdown menu in the topright, if you open it, there's an option to "select default" and you can set that to bash if you have it installed. Seems less 'hacky' than changing the setting. Edit: yeah it definitely didn't exist back then, its in the same menu with the multiple terminals in the video, just that the "select default..." isn't there.

[@jasonwilliams_escapeimagery]

Just wanted to throw it out there your one of the best if not the best coding channels on KZbin . Amazing top quality content a must go to channel when I need to update myself ! You always cover the topics in such a professional manner with pure quality content. Best wishes in the coming year

[@DanielRLuke]

You never fail to outdo yourself. Been waiting for this for a long time.

[@jlcotton19681]

Hello Brad, I just subscribed to your tutorials. After watching your Visual Studio Code Intro & Setup video. By far one of the best deliveries of content that I've ever seen. Thx for doing this!

[@simon_smale]

You can click the pencil next to the option. It gives you the values taken and put the value in the right pane for you

[@vyasishan3800]

Brad you are teaching us so much and that also just for free, you are a legend in web technology and i love you man !

[@devine_noise]

This is a great tutorial for a new person like myself. They have tweaked the setup of the program a little since this tutorial was made, but it's still good!

[@eissaibrahim31]

the best free code editor out there, You even get free pluralsight 3 months subscription with it.

[@lindas8898]

25:05 "Let me just snap this over here". What was done there? Did that browser window then become part of VS Code?

[@robbiecheng4795]

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!

[@Rogue-Sentinel]

Glad to see you're feeling better Brad! Keep pushing Great Content!

[@Chris-jd9wg]

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.

[@TheKillermob13]

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

[@TheKillermob13]

how to : just install git (git.com) , go to the root folder - run "git init ." - then you will have it

[@argeelearner3978]

Another Grand slam by Brad!!! thank you and we hope you feel good we need you!

[@roshithradhakrishnan2931]

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.

[@Mediarevs]

by far, easy & fast start-up lessons for not experienced devs.

[@kishore7605]

Exactly what I've been searching for.. thank you.

[@TraversyMedia]

You're welcome, thanks for watching

[@simajacob7416]

Thanks again. You just from another planet. Thanks a million.

[@Utmahr]

You can click small pen icon to the left of each setting and it will copy it automatically and add to the right side list.

[@nobaldhruw5709]

My eyes started paining when that red colored theme popped up on screen :P

[@ka55dodo]

Great tutorial, thank you! At 21:00 you ask yourself about the theme's in VSC: " Red, i don't know...who would use that?" Probably the ones working with Visual Studio Code in a photo development darkroom! But i don't know this will happen a lot ! ;) Cheers!

[@leighabrown2992]

By far the best Visual Studio Code intro video. Thanks!!!!

[@faouziabenrhouma8298]

this demonstration was fructfull congratulations for the help you gave us

[@emveeoh]

Here's a lesser-known tip: VS Code's support for font ligatures... Get those cool-looking arrow function arrows you've seen in tutorial videos... Step #1: Install the 'Fira Code' font. It supports programming ligatures. Besides that, it's one of the most-readable fonts available for coding IMO. Step #2, in VS Code's Settings: - Add Fira Code to the list of fonts. ("editor.fontFamily": "'Fira Code', 'monospace', monospace) - Set: ("editor.fontLigatures": true") Now, check those sweet arrows... Nice... ;)

[@AhmedBalfaqih]

Probably the best VS intro video. Thank you.

[@Osteele]

As always, your delivery is spot on. Thank you so much. Peter

[@roxdu]

Oh this is great thanks a lot! I've recently gotten into web development and my decision for an editor was VSC, this will help a lot!

[@rajdhanki8740]

One of my favourite editor after your videos I just love it wow great video

[@xode416]

Awesome video. Simple and great for workflow. The Dracula theme is great too!

[@emad588]

hi traversy, you are a very very clever man.

[@beproz]

Brad, thanks a million for the "simple as slice cheese" explanation. I'm looking forward to checking out your other channels.

[@betts12220]

Hope you're feelin' better man!

[@md.mesbahuddinahmed9544]

Thank you! I, this is just the KZbin video I was looking for - very helpful, elaborate and not to mention the related link you provided at bottom. Hope you're feeling better, get well soon.

[@jamesa.]

it is only funny that you have not become fancy but still use a windows machine. I bet 60% of KZbin teachers flaunt their Macbooks at every tutorial! (Just saying!)

[@TraversyMedia]

Id rather flaunt this - instagram.com/p/BViJqKZlVh2/?taken-by=traversymedia Fuck a macbook :)

[@TraversyMedia]

I got a mac in the middle :) instagram.com/p/Ba2Gg7eFvmD/?taken-by=traversymedia

[@DanielRLuke]

that's insane

[@London2ATL]

Traversy Media wow. You a stock broker?

[@akim1995]

And where is the gnu/linux machine I ask you!

[@DragoTyr]

Excellent tutorial!

[@hilarymanuel]

It appears you don't have to configure the terminal drop down menu and add it anymore as long as you have configured the settings, when you restart it defaults to bash.

[@Lamberttimothy2120]

Great work, and glad to hear you've recovered from your virus! :)

[@taariqq]

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.

[@mrzack184]

your video helped me get started with Visual studio, Million thanks!

[@tonyroach]

Passing on - another - personal thank you. Your efforts and willingness to share much appreciated.

[@hleet]

super useful ! thank you for this video

[@vincenzo33pellegrini]

Exactly what I needed ! Thanks a lot ! Merry Christmas from France Brad : )

[@crazycoder-gf8ls]

HI Brad great video .... get well soon !

[@hopsta]

I also use "Beautify" extension, very good if you have the remotest amount of OCD with your coding!

[@NazmusLabs]

floply thanks!

[@hopsta]

NazmusLabs you're welcome

[@ShubhamGupta-lh4ql]

Just when I needed that! Thank you Brad!

[@katzy687]

I started with Sublime, moved to Atom for a period, and now I'm with VS code all day every day. Amazing editor and team :) I actually didn't know that intellisense is camel-case sensitive. That is super useful to know! I knew just about everything else, but I understand it's an intro vid. I'd love if you could do a dedicated vid to VS code debugging. How to hook up to node and chrome and do composites and all that. I've only sort of got it figured out :/ Feel better homie!

[@kapa4208]

Hope you'll get well soon Brad. Btw, VSCode is my favorite text editor, although I use Atom.io theme on it because it looks more colorful.

[@niallmoore7450]

Thanks Brad once again another great video . Keep up the great work

[@kryptoniangl7381]

Thank you so much for this vid! I've been looking everywhere for something like this on VS Code! Awesome job!

[@abdu47137]

Man you are amazing. Thank you so much

[@KalugampitiyaJayakody]

This is extremely useful video to learn. Thank you very much

[@enricogarcia5610]

traversary Media, I saw how you customize your setting but when I do it does not match what you have show. I downloaded visual studio code two months ago for computer class . I like how you show what to do in some of video course on how to do it. So my question how do customize the setting while still keeping the default in places?

[@Usertrappedindatabase]

Really recommend buying Traversy's tutorials on Udemy, hoping for more linux stuff, such as optimizing Kubuntu 19.04 for webdev. I've waisted silly amounts of times figuring out proper ~ /.themes and ~/.icons placement as it's not always intuitive. Really liking the Nord theme by Eliver Lara, it's not only visually aesthetic and pleasing but much easier on your eyes which is important for us programmers. Remember to blink as screens cause us not to which is bad for the eyes.... p.s. Brad, nobody seems to have a decent Linux setup for programmers tutorial on Udemy, maybe something you could try... keep up the good work!!

[@taariqq]

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

[@陈瀚龙]

When I type code . in my BASH terminal, after opening it from that folder, I get bash: code: command not found

[@gregoryjensen346]

Just watched the video. Bit of an update all the settings for bash in minutes 8-10 are automatic. There is a setting where you mentioned but it will auto-update your choice.

[@322ss]

Thanks! This is really nice intro to all kinds of addons for vs code!

[@barryjb]

Is there anything you can do on VS Code that you can't do on Atom? A comparison video between the two would be good.

[@taariqq]

Live Server supports PHP, node and stuff as well, right?

[@tutorialsbee8274]

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...

[@andrewnightingale8156]

Thank you, Travers! Very clear and useful!

[@kendo4165]

Thank you for the video! I just installed that bracket pair colorizer. It's really helpful!

[@mosscliffe]

I really enjoyed the video - thanks. I have been struggling to find out if in a new file and I enter ! - I get a basic HTML file. Is it possible to change that file so that I can add addition lines to that file, for example viewport, library locations such as JQuery or do I have to have open an HTML file with all these options in and copy and paste ?

[@CameronChardukian]

Thanks for this video. It was very useful and I agree that Dylan's tutorials are great!

[@badselection94]

Awesome tutorial, does “open with vscode” work for Mac though? There was no option to select it when setting up vscode, and I can’t find it mentioned online

[@pjdicke]

I also like the idea of Auto Import (Automatically finds, parses and provides code actions and code completion for all available imports.) for ng2+ app but either this one or another one I use will incorrectly import packages sometimes.

[@riendlyf]

Great manual, thank you for the job. I like live reload, but I'm not sure if it will work with React?

[@singhravi488]

really nice suggestions i also want to suggest one setting that is "font ligatures" use FIRA CODE font with this setting.. and i also have a problem.. VS code's auto complete intercepting emmet's TAB auto complete how i can disable vscode suggetions accept with TAB i want emmet autocomplete with TAB and others with ENTER

[@adminavatar]

Do you have the link to the basic command line video? i couldn't find it, but i want to learn about that as well.

[@MickyELee]

File-Preferences-Settings started one window, not two. The file shown is "Settings ", not "User Settings". You must have done something earlier to open "User Setting " when you select "Settings". In other words, HELP. I'll mess around some more. Under "Settings" each setting has a settings icon that is exposed when you move your cursor over it. When you click on it, it allows a drop down box for the setting value to provide you with presumably valid values. I can see this might be an improvement over what you are showing. I am running version 1.36.1 and I just installed it. If you change the default, a blue horizontal line marks on the left side of the entire setting marks the fact that the default has been changed.

[@taysimp9690]

Your tutorials are so thorough and have helped alot, I am using a mac so some controls are different but thank you

[@ferna2294]

The Community version 2019 literally takes more than 10 minutes to be rather usable in my computer (I think I should get an SSD). I´m searching for a faster, lighter C# IDE. Is this "Code" faster? Or should I simply get the older versions of Visual Studio?

[@dexmoe]

Thank you for the awesome video. For the extension, I also include vim mode, but I found the default key mapping is actually enough.

[@vnzdjoh2947]

The best channel and i love it....thanks for share bro...

[@10YardCricket]

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

[@paolo-1283]

Is it possible to have multiple different terminal shells? like for example everytime you click add you can choose either powershell, cmd or gitbash?

[@henryv9869]

Hello, Brad, I will be buying your course soon and I'm just wondering does it teach you also how to put projects on GitHub I'm kinda confused on how to use git with GitHub and I want to start putting stuff on my GitHub . thank you in advance

[@Lapidario_]

Hi Brad, just for curiosity, what font size do you use in your "production environment"? I'm asking because i think big fonts are good for my eyes, even though losing line number in my screen. Thanks.

[@joeldcanfield_spinhead]

Massively helpful jumpstart.

[@Beyond-Antares]

Hi Brad, have you removed the weather app repository or has this been superceded by the Weather Ionic Weather App - named iWeather?

[@bobbyshowtime3218]

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.

[@shubh1690]

How to add external configuration in vscode as I have few variables defined in file stored inside in one directory and I want them to be exported as soon as the vscode starts . Please help

[@kisanb]

I use Extension Quokka.js by Wallaby.js. Live scratchpad for Javascript. Shows errors and console.log etc. in OUTPUT console, while one types the code.

[@dankelly]

Hey Brad, great video! Any recommendations for Laravel extensions in VS Code?

[@genaugenaugenau]

Superb intro

[@sync3217]

You can use an extension called "Prettier" which beautifies and indents your code on saving.