Visual Studio Code Tutorial for Beginners - Introduction

[@academind]

As the video is a bit longer, here are some timestamps for the core topics, I hope this helps: Download and Creating a Project => kzbin.info/www/bejne/jKKmmJamdt6jfLMm55s Writing our First Code => kzbin.info/www/bejne/jKKmmJamdt6jfLMm30s Splitting the Code Editor => kzbin.info/www/bejne/jKKmmJamdt6jfLMm30s Exploring the Activity Bar => kzbin.info/www/bejne/jKKmmJamdt6jfLMm37s Status Bar & Panel => kzbin.info/www/bejne/jKKmmJamdt6jfLMm43s Customizing VS Code => kzbin.info/www/bejne/jKKmmJamdt6jfLMm09s Emmet & Intellisense in Action => kzbin.info/www/bejne/jKKmmJamdt6jfLMm31s Go to Definition & Peek Definition => kzbin.info/www/bejne/jKKmmJamdt6jfLMm24s Extensions => kzbin.info/www/bejne/jKKmmJamdt6jfLMm10s Extensions we are using => kzbin.info/www/bejne/jKKmmJamdt6jfLMm06s Introducing Shortcuts => kzbin.info/www/bejne/jKKmmJamdt6jfLMm03s Diving into the Settings => kzbin.info/www/bejne/jKKmmJamdt6jfLM4m15s Understanding Workspace Settings => kzbin.info/www/bejne/jKKmmJamdt6jfLM6m40s Multi Root Workspaces => kzbin.info/www/bejne/jKKmmJamdt6jfLMm02s

[@brianmontana8903]

Thank you for the video :D Helping me make a switch to VS Code!

[@denniszenanywhere]

Thanks for this video. I think you have a more upgraded VSC. I don't have the same things on my View. I already updated my version to Nov 2018 update. How do I update to your version?

[@TheMrZachHill]

Okay, wrote "our first code" but you never showed us how to run/launch it... That seems like a huge oversight not to show that in a tutorial video.

[@leonardoscuro]

sub-title italian for tutoriarl and all video please man.

[@Muck-qy2oo]

As long as it is not 64 bits long!

[@victorwestmann]

Thank you so much for taking your time to record this awesome, high quality, great and super well explained intro to VS Code! Learned a couple of cool new tricks! Thanks from Canada!

[@academind]

Glad it was helpful, thanks so much Victor!

[@SlickFX_Trader]

Hey mate, Just wanted to say that this was extremely. interesting and informative and as someone who's been using VSC for about 6 months, it was very helpful! Sometimes just going back to the basics and explaining things slowly is the better way. Big thanks

[@phines8499]

i like it how majority of the things you're talking about isn't in my visual studio code

[@WorriorXD]

HE'S USING A MAC REPEAT HE'S USING A MAC RIP WINDOWS USERS!

[@lorxnine6897]

@@WorriorXD so?

[@dogeraid5937]

@@WorriorXD As a windows user I don't give a shit

[@Arndo627]

😂😂

[@pratikshitbhandari9478]

Lmao

[@ronakdumaniya987]

One basic things you didn't mention how to run project in vs code which is problem for beginners.

[@Stressfullless]

How do I run it though, cos that is why I am searching for it

[@Mv-Ai]

@@Stressfullless hey can u help me on how to run it ;u;

[@fai..9327]

funny ,same thing here with me. he does not tell us the very basic option and he shows everthing else

[@jcallen3]

@@marcellofabrizio421 Hate to sound like a total noob, but a tutorial for true beginners needs to even establish what/where a PATH is... jumping into VSCode is like opening a book written in Greek and being told to learn it or fail.

[@marcellofabrizio421]

@@jcallen3 You're not being a noob, no worries! Many people who start programming have hard times finding out how to set up things, like pats an modules. You can find books or tutorials that will explain this to you, but it will be a specific way for each IDE you're using.

[@ms.faison6078]

As a new coding student, this was ETREMELY helpful even better than my teacher. I will be a coding beast soon. Thanks!!!

[@AvarageMilkEnjoyer]

u a coding beast already? lol

[@tessamariec7725]

@@AvarageMilkEnjoyer "soon" love, she said "soon" ;)

[@meetroushan2727]

Been a whole year now

[@moureencaroline6446]

I love the way you explain in your tutorials. You make it a smooth ride

[@davivify]

Cool video so thanks. I don't recall if you discussed templates much. You showed, for instance, how, by typing HTML + you were able to instantly create an HTML skeleton. But you didn't explain that you can create your own smart templates, and I think that's a pretty important feature for power users.

[@t2cgaming946]

Academind: This is a very easy way. Me:(smashing keybard on table)

[@WorriorXD]

MEEEEEEEEEE LMAOOOOO

[@kiplangatrobert-ou3gi]

It's one of the best overview of coding i've learnt so far

[@حسینقیداری-و5ط]

i searched more & more finally i find which i want in your video ...good job..💪💪🙏

[@hasebohaleyc4686]

Good day I am Bright from South Africa and I am learning how to program using the internet. I will like to thank you for this video. The way you explain everything is crystal clear. I hv been watching different videos in KZbin and starting tomorrow I going to start coding using HTML and CSS.

[@ashn]

hows it going?

[@kelu5439]

Did it go well?

[@reedman0780]

HTML is very basic, CSS, not so much. Start wiyh HTML first and more common codes

[@tobiasfroehlich5483]

Getting back into programming from a background in MATLAB. Super useful. Thank you!

[@academind]

Happy to read that Tobias, thanks a lot!

[@richiefarrell4726]

Started in MATLAB too, great language for what it's made for, pity its so expensive!

[@notheunholy5702]

I actually learn a lot in this video. Thank you very much and continue with the good content

[@WorldReserveCurrency]

Make sure you all stick around to watch the last 10 minutes when he covers Workspaces! Great stuff! Thank you!

[@academind]

Happy to read that you liked it, thanks so much!

[@iwantcheesypuffs]

This is gold. Been using this tool in a similar way to Atom. Never knew about all this functionality. Great intro to the power of VS Code.

[@sjsiemka]

You remind me of my new HTML & CSS Programming Teacher that I started to learn from about this stuff just yesterday. Pretty cool guy!

[@klootviool99]

This really helped me getting started with VSC! Thank you so much!

[@markojovanovic8774]

I came here because I need to learn how to insert pictures , format paragraphs, or something similar that is simple, yet this guy explains how I can split the editor, or insert Java script..

[@tkdevlop]

Lol that opening amaze me😂😂

[@academind]

We push our After Effects skills to the limit :D

[@NavaroElArdi]

omg, as someone who use VS Code without read any tutorial, this video very clear and helpful, just clicked the Subscribe button..

[@academind]

Awesome to have you on board Navaro, thank you :)

[@omburiom730]

You are a very good teacher.

[@rafalka7084]

Max, could you update your Nuxt course or even create a new one? Nuxt 3 looks like a big game changer for me!

[@oseghaleebenezer8482]

Thanks from a starter.

[@viktorblazhevski7041]

Well done sir, I want to give you likes because you realized you need to give a free course for something that is free. Unlike some developers, I want to charge money for VSC, which was given to them without money. Praise once again to you.

[@CodingWithKids]

We love Visual Studio Code and use that to learn Python! 🐍🐍🐍

[@bySterling]

Thanks bro for getting me clear 💯after just installing VS Code tonight!!

[@saudgamer6138]

OMG! thx u sooo much it will help me in my class

[@rowebil00]

Very thorough and to the point video. Not a half hour of introduction or a 10 minute animated intro. Amazing. I do some scripting and I use notepad++ but recently visual studio code opened up a few times editing a php script and I really liked it. So I want to use it to keep all my scripts that I edit in the rare chance I’m editing anything.

[@stephenmcconnell7868]

Great quick intro to VS Code. I am learning Rust and coming from IntelliJ. The Rust plugins there do not handle several things that VS Code does. So, I need a quick startup for VS Code, how to customize it, how the "logic" for VS Code works. This does just that. Will be looking at more of your tutorials on VS Code. Thanks.

[@nbopalkar]

Thank you! - From a VS Code Beginner

[@acarter7856]

Thank you for a great introduction to how to use the Visual Studio Code Panels...I really needed this info to get going.

[@josequinton6940]

,,,,,,i am like this old US veteran just starting trying to study some Python via Linkedin Learning courses and so many of them have these little lines and things and back and forth wish I could descibe it better ............well botom lne your tutorial is really cool with yiu in the lower right and the screen with big letters etc ......othe folks well the classes were one can get a certificate it's like did the instructor even try to put themselves in the passenger seat instead of cranking out the tut erg class from the drivers seat .....any how great job Ac....you rock

[@cameliarosca6583]

This is a great video. Kudos! I just subscribed and I look forward to other tutorials. You have a knack for teaching!

[@qweoiwjewiodc1954]

I start with visual code and i think it is amazing tool if you want to work with c#,etc

[@ankushverma3277]

in my case, there is showing no abbreviation as shown in your case after writing HTML at 3:08. please tell me what should I do?

[@manoranjansahoo9721]

Please make a complete video on visual studio 2019 tools, its features, tips & tricks etc.

[@sillyyskye]

Thank you, best tutorial on KZbin!

[@academind]

Thank YOU so much! :)

[@Unstoppableseed]

I actually learn a lot in this video.

[@biswasrahul97]

Awesome and much needed video. Thanks to Academind!

[@dwdanceStudio]

Maybe it's good to start a video letting less than beginners know what VS CoDE is used for. I believe that you might be the best one to explain that

[@ganapathyramanmony4684]

man i learnt your power bi course in udemy ... loved your explanations ... thanks for this one 👌🏻

[@HakanGalip]

Thanks for this detailed tut. It helphs me a lot for making my projects quicker and easier

[@vibesofuttarakhand.1394]

Hi bro

[@JorgeRivera-rp1zw]

HI. Congratulations excellent way of teach....for a "beginner" is very important see where exactly you do the Clicks, and you do. Step by step.

[@hochspannunglebensgefahr8014]

Okay you've talked about changing the theme and scripts but how do i run a program tho ?

[@nazninnahermazumder7993]

I am Neeyoty From Bangladesh. You are Genius Sir.

[@polyt8434]

I like your tuts, This is very helpful to me :)

[@mikailbourne9414]

how do you randomly have a JS file when you didn't even show us how you did it, I'm lost at that part.

[@potatotomato6742]

same

[@urszulastolarek2977]

A very good video, very informative for a beginner user! Thank you :)

[@thangdo7546]

Finally someone that will take criticism and help save their failing restaurant

[@bamartist4437]

this guy is great. Learn allot.

[@homerisian]

Started off well, but I am sure that there are many more useful things to learn than all the time spent in settings. Live server not even mentioned!

[@gabrielstewart9022]

Loving this video, new to VS Code and this has been super helpful!

[@chiammin410]

love this video!!! super clear instructions :) ready to begin coding now

[@kxlee335]

How to run the codes? 1. Go to extension. The extension is located in the activity bar ( the left side of the screen above ). The extension is the one with the square icon, yes the last icon in the left side of the screen. 2. Search for "code runner". You will see an extension by Ng Jun Han. Install the extension. The extension has many users, what do I mean by many? You can compare it to other extensions, it has a big obvious amount of users. 3. Now leave Vs code and enter again. You will see a triangle button at the right corner of the code screen. Click it and the codes will run automatically. Feel free to ask any question. I will try to answer all of them.

[@kxlee335]

@Mat did you install the extension for the language? And don't worry, I'll help you.

[@kxlee335]

@Mat what do you mean by good language?

[@kxlee335]

@Mat and on the right corner of the screen, did you see your language name being written there?

[@kxlee335]

@Mat do you have Facebook messenger?

[@kxlee335]

@Mat what's your name? I'll add you

[@lpchung8976]

Thank you for your useful tutorial!

[@oldprofileother9002]

Wow thanks. This is a very helpful and useful video. Of course some of the interface has changed since you recorded this, but I was able to navigate to the specified areas quite easily. Again thank you.

[@volodymyrdziuba4238]

The best explanation. Thank you.

[@austanyeet2524]

Thank u for it I did not know how to use it I’m new to coding

[@thecatnextdoor12]

Hi, what do I need to change in this code: Application.ActivePresentation.Slides(1).Shapes.Title.TextFrame _ .TextRange.ChangeCase ppCaseSentence To make the command apply to all slides and to all the text (also including the text in tables, on shapes).

[@0piumcartiii]

All slides? Maybe function() ?

[@al-zayyadnalado118]

For everyone asking how to run a project go to EXTENSIONS and search 'code runner' click the first one and Install

[@PU21RCY]

I’m not listening to some guy who saying we have done this for a while 😂 this is my first time

[@ShibScript]

Very nice, i'm starting learning, so i needed an introduction, thanks for making this types of videos, this is a good introduction for VS Code.

[@roselineanijah1203]

This is really wonder. Really love your work keep it up.

[@GuidedByJesuS]

Magnificent tutorial! I wish I could like more than once.

[@academind]

So happy to read that, thank you very very much!

[@eborne66]

Fantastic! This is the BEST tutorial I have ever seen showing how to use a program (editor). The tech stuff was awesome, as well as the content. I now know how to use VSC very confidently. If I ever have to make a how-to video (again), I hope it comes close to this high standard.

[@academind]

Glad it helped!

[@martinkaspar5095]

awesome - i like it very much - and i want to run this (Visual-Studio-code ) in a Conda-Python based environment - love to set up this. Any hints and ideas to achieve this!?

[@LouisYungling]

Thank you for this really helpful tutorial!

[@firststeptechnologyllc]

Awesome video. I learned some amazing tips towards the end. Peace

[@johnd942]

You need to state which version of VS Code you are using. VS Code menu bars differ from version to version with drop down menu options using different names!

[@signatureolukanwi3104]

this video is really cool for beginners

[@belalsaleh1244]

well done. I didn't know that with the custom settings for workspaces and folders. You can just define a color theme and every project will have its own color theme. nice.

[@academind]

Awesome to read that the video was helpful Belal, thank you! The workspaces are indeed very helpful, we also use it quite a lot :)

[@rexbasham5089]

This video is awesome - You gave us a TON of info in a beautiful compact video - thank you!

[@wsebi185]

Ganz ganz ganz tolles Video. Hat mir sehr gefallen. Und war auch sehr informativ!

[@arctic575]

That helped me a lot! Thanks!

[@ArdaIskender]

It is a very good introduction to VS Code. Thank you

[@equalityforall3180]

Wish you would help new comers on the setting up of the vs-code tool. Like auto save, font size, etc.

[@মুনতাসীরমাহমুদ]

This video was awesome, just loved it.

[@sachinraverkar4257]

Very well explained!

[@ArcaneJourneysFacts-1128]

sir sometimes when i open live server instead of the result i get the listing directory why it happens

[@mattbarrington]

Super helpful video. Thanks!

[@StuartSanderson]

Thank you for your great tutorials

[@sistemazero]

How do I show the open editor code in visual studio?

[@arwahsapi]

Even in 2020 I'm still using VS 2010 and VB 6 for most of my projects.

[@rajnikumari4110]

Stop it

[@arwahsapi]

@@rajnikumari4110 no

[@PwnUrBadCock]

Just shows how you unwill to leave your comfort zone.

[@the-nh6yx]

thank you for the very useful lessson

[@foyahfreeman3603]

Thank you Manuel. This was an excellent introduction.

[@academind]

Thanks so much for your great feedback Foyah, so happy to read that you liked it!

[@vomfejones1]

Thank you for the video , However i am having a challenge of not seeing the welcome page and how do i navigate to that startup page like you have on the tutorial

[@marvin_e]

hey can you make a tutorial of a dynamic slide that gets photos from the database ..please

[@destructhit]

The best in visual studio code for me is the terminal

[@academind]

Definitely a very comfortable feature, we use it all the time actually.

[@NedumEze]

Wow, Enjoyed this intro. VS Code seems like the future. Can you do another, on how to use it for PHP development, integrating liveserver, linting, etc., please

[@academind]

Very happy to read that you liked the video, thank you! We cannot promise to cover PHP in future VS code videos, but we'll keep it in mind :)

[@sahinduezguen]

When i autocomplete the HTML-skeleton the "meta http-equiv"-tag(line 6) is missing. How can i change this?

[@attip6425]

same here, anyone know what i did wrong?

[@johnymielony1442]

Amazing video! Thank you very much, now I know VSC is really better than Brackets which i used before.

[@academind]

Thanks a lot for your comment Johny, happy to read that you like VS Code :)

[@danutzz8]

cool and helpful for a beginner :) all the best !!! cheers

[@academind]

Glad to hear that!

[@MrBrandonBanks]

This video was very informative!

[@aydagunes9130]

Thank you for this great video,very helpful 🙏❤

[@mateomatthews9473]

Thanks for the tips, but I still have not learn nothing about how to code or the meaning of those words:(

[@kevinkipkoech1251]

Hello, Kevin here from Kenya. I'm lost where you switched to a new project. The project you opened has some codes in it how did you do that..?

[@alexxenaosas2416]

thank you m8 , helped me a lot for a guy who is novice to coding !

[@matthiaslange178]

Cool video, helped a lot. I hav one question, maybe someone can help me : Is it possible to activate autocomplete for JavaScript in an HTML file ? It works fpr JS in a JS file, but can autocomplete also be activated for files in other format ?

[@artv4016]

hi... im like zero knowledge with visual code but im interested, what bakcground should i have like applications i need to start learning visual code? Thank you