Тёмный

Visual Studio Code Tutorial for Beginners - Introduction 

Academind
Подписаться 912 тыс.
Просмотров 3 млн
50% 1

Are you looking for a free, cross-platform and highly customizable code editor? Learn VS Code!
🖥️ Official Website & Courses
academind.com/courses/
👨‍💻 Use VS Code with React.js
acad.link/reactjs
📝 Full Article
academind.com/tutorials/visua...
👋 Social Media
/ maxedapps
/ academind_real
/ academind_real
/ academindchannel
💬 Academind Community on Discord
/ discord
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

Наука

Опубликовано:

 

23 май 2018

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 651   
@academind
@academind 6 лет назад
As the video is a bit longer, here are some timestamps for the core topics, I hope this helps: Download and Creating a Project => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm55s Writing our First Code => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm30s Splitting the Code Editor => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm30s Exploring the Activity Bar => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm37s Status Bar & Panel => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm43s Customizing VS Code => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm09s Emmet & Intellisense in Action => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm31s Go to Definition & Peek Definition => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm24s Extensions => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm10s Extensions we are using => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm06s Introducing Shortcuts => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm03s Diving into the Settings => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.html4m15s Understanding Workspace Settings => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.html6m40s Multi Root Workspaces => ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VqCgcpAypFQ.htmlm02s
@brianmontana8903
@brianmontana8903 5 лет назад
Thank you for the video :D Helping me make a switch to VS Code!
@denniszenanywhere
@denniszenanywhere 5 лет назад
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
@TheMrZachHill 5 лет назад
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
@leonardoscuro 4 года назад
sub-title italian for tutoriarl and all video please man.
@Muck-qy2oo
@Muck-qy2oo 4 года назад
As long as it is not 64 bits long!
@victorwestmann
@victorwestmann 4 года назад
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
@academind 4 года назад
Glad it was helpful, thanks so much Victor!
@SlickFX_TF
@SlickFX_TF Год назад
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
@moureencaroline6446
@moureencaroline6446 3 года назад
I love the way you explain in your tutorials. You make it a smooth ride
@ronakdumaniya987
@ronakdumaniya987 6 лет назад
One basic things you didn't mention how to run project in vs code which is problem for beginners.
@Stressfullless
@Stressfullless 5 лет назад
How do I run it though, cos that is why I am searching for it
@Mv-Ai
@Mv-Ai 5 лет назад
@@Stressfullless hey can u help me on how to run it ;u;
@fai..9327
@fai..9327 5 лет назад
funny ,same thing here with me. he does not tell us the very basic option and he shows everthing else
@jcallen3
@jcallen3 5 лет назад
@@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
@marcellofabrizio421 5 лет назад
@@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.
@t2cgaming946
@t2cgaming946 3 года назад
Academind: This is a very easy way. Me:(smashing keybard on table)
@WorriorXD
@WorriorXD 3 года назад
MEEEEEEEEEE LMAOOOOO
@phines8499
@phines8499 3 года назад
i like it how majority of the things you're talking about isn't in my visual studio code
@WorriorXD
@WorriorXD 3 года назад
HE'S USING A MAC REPEAT HE'S USING A MAC RIP WINDOWS USERS!
@lorxnine6897
@lorxnine6897 3 года назад
@@WorriorXD so?
@dogeraid5937
@dogeraid5937 3 года назад
@@WorriorXD As a windows user I don't give a shit
@Arndo627
@Arndo627 3 года назад
😂😂
@pratikshitbhandari9478
@pratikshitbhandari9478 3 года назад
Lmao
@notheunholy5702
@notheunholy5702 4 года назад
I actually learn a lot in this video. Thank you very much and continue with the good content
@kiplangatrobert-ou3gi
@kiplangatrobert-ou3gi Год назад
It's one of the best overview of coding i've learnt so far
@polyt8434
@polyt8434 4 года назад
I like your tuts, This is very helpful to me :)
@iwantcheesypuffs
@iwantcheesypuffs 2 года назад
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.
@chiammin410
@chiammin410 4 года назад
love this video!!! super clear instructions :) ready to begin coding now
@tobiasfroehlich5483
@tobiasfroehlich5483 4 года назад
Getting back into programming from a background in MATLAB. Super useful. Thank you!
@academind
@academind 4 года назад
Happy to read that Tobias, thanks a lot!
@richiefarrell4726
@richiefarrell4726 Год назад
Started in MATLAB too, great language for what it's made for, pity its so expensive!
@HakanGalip
@HakanGalip 4 года назад
Thanks for this detailed tut. It helphs me a lot for making my projects quicker and easier
@vibesofuttarakhand.1394
@vibesofuttarakhand.1394 Год назад
Hi bro
@gabrielstewart9022
@gabrielstewart9022 2 года назад
Loving this video, new to VS Code and this has been super helpful!
@tjaptoi8074
@tjaptoi8074 Год назад
This really helped me getting started with VSC! Thank you so much!
@ganapathyramanmony4684
@ganapathyramanmony4684 3 года назад
man i learnt your power bi course in udemy ... loved your explanations ... thanks for this one 👌🏻
@lpchung8976
@lpchung8976 4 года назад
Thank you for your useful tutorial!
@acarter7856
@acarter7856 2 года назад
Thank you for a great introduction to how to use the Visual Studio Code Panels...I really needed this info to get going.
@alexxenaosas2416
@alexxenaosas2416 4 года назад
thank you m8 , helped me a lot for a guy who is novice to coding !
@davivify
@davivify 4 года назад
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.
@oldprofileother9002
@oldprofileother9002 4 года назад
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.
@arctic575
@arctic575 5 лет назад
That helped me a lot! Thanks!
@rexbasham5089
@rexbasham5089 2 года назад
This video is awesome - You gave us a TON of info in a beautiful compact video - thank you!
@stephenmcconnell7868
@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.
@WorldReserveCurrency
@WorldReserveCurrency 4 года назад
Make sure you all stick around to watch the last 10 minutes when he covers Workspaces! Great stuff! Thank you!
@academind
@academind 4 года назад
Happy to read that you liked it, thanks so much!
@user-my6bo2hi1r
@user-my6bo2hi1r Год назад
i searched more & more finally i find which i want in your video ...good job..💪💪🙏
@ms.faison6078
@ms.faison6078 3 года назад
As a new coding student, this was ETREMELY helpful even better than my teacher. I will be a coding beast soon. Thanks!!!
@AvarageMilkEnjoyer
@AvarageMilkEnjoyer 2 года назад
u a coding beast already? lol
@tessamariec7725
@tessamariec7725 Год назад
@@AvarageMilkEnjoyer "soon" love, she said "soon" ;)
@meetroushan2727
@meetroushan2727 Год назад
Been a whole year now
@urszulastolarek2977
@urszulastolarek2977 Год назад
A very good video, very informative for a beginner user! Thank you :)
@biswasrahul97
@biswasrahul97 3 года назад
Awesome and much needed video. Thanks to Academind!
@bySterling
@bySterling 2 года назад
Thanks bro for getting me clear 💯after just installing VS Code tonight!!
@ShibScript
@ShibScript 2 года назад
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.
@derfony
@derfony 4 года назад
Cheers mate, very helpful introductory video!
@wsebi185
@wsebi185 4 года назад
Ganz ganz ganz tolles Video. Hat mir sehr gefallen. Und war auch sehr informativ!
@gamnguyen3116
@gamnguyen3116 4 года назад
Thank you very much! Your instruction and the timestamp are very useful for tracking info!
@academind
@academind 4 года назад
Thank you Gam!
@eborne66
@eborne66 4 года назад
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
@academind 4 года назад
Glad it helped!
@NavaroElArdi
@NavaroElArdi 4 года назад
omg, as someone who use VS Code without read any tutorial, this video very clear and helpful, just clicked the Subscribe button..
@academind
@academind 4 года назад
Awesome to have you on board Navaro, thank you :)
@sillyyskye
@sillyyskye 5 лет назад
Thank you, best tutorial on RU-vid!
@academind
@academind 5 лет назад
Thank YOU so much! :)
@foyahfreeman3603
@foyahfreeman3603 6 лет назад
Thank you Manuel. This was an excellent introduction.
@academind
@academind 6 лет назад
Thanks so much for your great feedback Foyah, so happy to read that you liked it!
@glenmartin9974
@glenmartin9974 3 года назад
Thank you, a very good introduction to VS Code.
@cameliarosca6583
@cameliarosca6583 3 месяца назад
This is a great video. Kudos! I just subscribed and I look forward to other tutorials. You have a knack for teaching!
@ArdaIskender
@ArdaIskender 3 года назад
It is a very good introduction to VS Code. Thank you
@user-yb3lo8ok9u
@user-yb3lo8ok9u 3 года назад
This video was awesome, just loved it.
@manoranjansahoo9721
@manoranjansahoo9721 4 года назад
Please make a complete video on visual studio 2019 tools, its features, tips & tricks etc.
@BrendanMetcalfe
@BrendanMetcalfe 4 года назад
Great format, thanks!
@viktorblazhevski7041
@viktorblazhevski7041 3 года назад
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.
@tkdevlop
@tkdevlop 6 лет назад
Lol that opening amaze me😂😂
@academind
@academind 6 лет назад
We push our After Effects skills to the limit :D
@mrpunch_777_
@mrpunch_777_ 4 года назад
Useful info for beginners like me, thanks for video.
@johnymielony1442
@johnymielony1442 6 лет назад
Amazing video! Thank you very much, now I know VSC is really better than Brackets which i used before.
@academind
@academind 6 лет назад
Thanks a lot for your comment Johny, happy to read that you like VS Code :)
@belalsaleh1244
@belalsaleh1244 6 лет назад
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
@academind 6 лет назад
Awesome to read that the video was helpful Belal, thank you! The workspaces are indeed very helpful, we also use it quite a lot :)
@sjsiemka
@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!
@JorgeRivera-rp1zw
@JorgeRivera-rp1zw 3 года назад
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.
@GuidedByJesuS
@GuidedByJesuS 4 года назад
Magnificent tutorial! I wish I could like more than once.
@academind
@academind 4 года назад
So happy to read that, thank you very very much!
@austanyeet2524
@austanyeet2524 3 года назад
Thank u for it I did not know how to use it I’m new to coding
@hasebohaleyc4686
@hasebohaleyc4686 5 лет назад
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 RU-vid and starting tomorrow I going to start coding using HTML and CSS.
@ashn
@ashn 4 года назад
hows it going?
@kelu5439
@kelu5439 4 года назад
Did it go well?
@reedman0780
@reedman0780 4 года назад
HTML is very basic, CSS, not so much. Start wiyh HTML first and more common codes
@LouisYungling
@LouisYungling 5 месяцев назад
Thank you for this really helpful tutorial!
@nbopalkar
@nbopalkar 3 года назад
Thank you! - From a VS Code Beginner
@roselineanijah1203
@roselineanijah1203 Год назад
This is really wonder. Really love your work keep it up.
@qweoiwjewiodc1954
@qweoiwjewiodc1954 Год назад
I start with visual code and i think it is amazing tool if you want to work with c#,etc
@Unstoppableseed
@Unstoppableseed 5 месяцев назад
I actually learn a lot in this video.
@elyseefrederick2236
@elyseefrederick2236 4 года назад
i like how you explain things
@dwdanceStudio
@dwdanceStudio 4 года назад
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
@volodymyrdziuba4238
@volodymyrdziuba4238 2 года назад
The best explanation. Thank you.
@lafaerachan
@lafaerachan 3 года назад
Thanks a lot! Very helpful video!
@josequinton6940
@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
@omburiom730
@omburiom730 2 года назад
You are a very good teacher.
@the-nh6yx
@the-nh6yx 3 года назад
thank you for the very useful lessson
@bamartist4437
@bamartist4437 2 года назад
this guy is great. Learn allot.
@markojovanovic8774
@markojovanovic8774 3 года назад
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..
@michealnasasira4593
@michealnasasira4593 Год назад
It is a very good introduction to VS Code. Thanks
@CodingWithKids
@CodingWithKids 3 года назад
We love Visual Studio Code and use that to learn Python! 🐍🐍🐍
@pamakamu
@pamakamu 4 года назад
Great tutorial, thank you very much!
@academind
@academind 4 года назад
Thank you :)
@aydagunes9130
@aydagunes9130 Месяц назад
Thank you for this great video,very helpful 🙏❤
@StuartSanderson
@StuartSanderson 21 день назад
Thank you for your great tutorials
@marvin_e
@marvin_e 6 лет назад
hey can you make a tutorial of a dynamic slide that gets photos from the database ..please
@rafalka7084
@rafalka7084 2 года назад
Max, could you update your Nuxt course or even create a new one? Nuxt 3 looks like a big game changer for me!
@homerisian
@homerisian 3 года назад
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!
@matthiaslange178
@matthiaslange178 4 года назад
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 ?
@GerritforBazeja
@GerritforBazeja 4 года назад
Thanks for the nice explanation
@NedumEze
@NedumEze 6 лет назад
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
@academind 6 лет назад
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 :)
@karrofrostare3007
@karrofrostare3007 4 года назад
Hello! Thanks for a great tutorial BUT I don't get the explorer short cut icons (ex to create a new project etc) as you do. Is that a specific extension? All the best /Karro, Sweden
@annabrei341
@annabrei341 4 года назад
Try opening a folder rather than just a file : )
@uragecz3475
@uragecz3475 6 лет назад
Hi ! Great video ! One question.. have u already thought about react-apollo/graphql tutorial ?
@academind
@academind 6 лет назад
Yes, that is something I'm playing around with in my head. Just have to fit it in somewhere ;)
@MrBrandonBanks
@MrBrandonBanks 2 года назад
This video was very informative!
@merlingt1
@merlingt1 3 года назад
Thanks. Much appreciated.
@martinkaspar5095
@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!?
@muhammadfasihullah8631
@muhammadfasihullah8631 4 года назад
Beautiful explanation dear.
@firststeptechnologyllc
@firststeptechnologyllc 11 месяцев назад
Awesome video. I learned some amazing tips towards the end. Peace
@gsashraf3908
@gsashraf3908 3 года назад
Very informative video, i like your way of saying in my case....
@kevinkipkoech1251
@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..?
@ismaeelshuaib3191
@ismaeelshuaib3191 6 лет назад
VS code makes my work so fun! Thanks for the tips @Max
@academind
@academind 6 лет назад
We also like it a lot, thank you for your comment Ismaeel :)
@arturmostowiak9427
@arturmostowiak9427 3 года назад
Usefull video, good job and thanks
@bridget7223
@bridget7223 2 года назад
awesome video btw thank you!
@sistemazero
@sistemazero 3 года назад
How do I show the open editor code in visual studio?
@billyrowe0064
@billyrowe0064 Год назад
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.
@equalityforall3180
@equalityforall3180 3 года назад
Wish you would help new comers on the setting up of the vs-code tool. Like auto save, font size, etc.
@signatureolukanwi3104
@signatureolukanwi3104 2 года назад
this video is really cool for beginners
@mannymorales7913
@mannymorales7913 2 года назад
Nice video - thanks for sharing!
@mikailbourne9414
@mikailbourne9414 3 года назад
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
@potatotomato6742 2 года назад
same
@codeforweb7602
@codeforweb7602 2 года назад
Thanks for the video!
@danutzz8
@danutzz8 4 года назад
cool and helpful for a beginner :) all the best !!! cheers
@academind
@academind 4 года назад
Glad to hear that!
Далее
HTML Tutorial for Beginners: HTML Crash Course
1:09:34
АНДЖИЛИША в платье 😍
00:27
Просмотров 615 тыс.
Learn Visual Studio Code - Course for Beginners
43:15
Просмотров 248 тыс.
you NEED to use VS Code RIGHT NOW!!
12:48
Просмотров 554 тыс.
Learn HTML in 1 hour 🌎
1:00:00
Просмотров 1,8 млн
👩‍💻 Python for Beginners Tutorial
1:03:21
Просмотров 3 млн
Build Anything With ChatGPT, Here’s How
1:24:05
Просмотров 980 тыс.
My Visual Studio Code Setup for Web Development
15:22
ВЫ ЧЕ СДЕЛАЛИ С iOS 18?
22:40
Просмотров 118 тыс.
AI от Apple - ОБЪЯСНЯЕМ
24:19
Просмотров 116 тыс.