Тёмный

Visual Studio Code Tutorial for Beginners - Introduction 

Academind
Подписаться 909 тыс.
Просмотров 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!
@moureencaroline6446
@moureencaroline6446 3 года назад
I love the way you explain in your tutorials. You make it a smooth ride
@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
@notheunholy5702
@notheunholy5702 4 года назад
I actually learn a lot in this video. Thank you very much and continue with the good content
@chiammin410
@chiammin410 4 года назад
love this video!!! super clear instructions :) ready to begin coding now
@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.
@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
@lpchung8976
@lpchung8976 4 года назад
Thank you for your useful tutorial!
@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
@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!
@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.
@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 👌🏻
@gabrielstewart9022
@gabrielstewart9022 2 года назад
Loving this video, new to VS Code and this has been super helpful!
@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.
@rexbasham5089
@rexbasham5089 2 года назад
This video is awesome - You gave us a TON of info in a beautiful compact video - thank you!
@kiplangatrobert-ou3gi
@kiplangatrobert-ou3gi Год назад
It's one of the best overview of coding i've learnt so far
@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.
@acarter7856
@acarter7856 Год назад
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 !
@arctic575
@arctic575 5 лет назад
That helped me a lot! Thanks!
@urszulastolarek2977
@urszulastolarek2977 Год назад
A very good video, very informative for a beginner user! Thank you :)
@wsebi185
@wsebi185 4 года назад
Ganz ganz ganz tolles Video. Hat mir sehr gefallen. Und war auch sehr informativ!
@t2cgaming946
@t2cgaming946 3 года назад
Academind: This is a very easy way. Me:(smashing keybard on table)
@WorriorXD
@WorriorXD 3 года назад
MEEEEEEEEEE LMAOOOOO
@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..💪💪🙏
@derfony
@derfony 4 года назад
Cheers mate, very helpful introductory video!
@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.
@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.
@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!!
@cameliarosca6583
@cameliarosca6583 2 месяца назад
This is a great video. Kudos! I just subscribed and I look forward to other tutorials. You have a knack for teaching!
@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
@sillyyskye
@sillyyskye 4 года назад
Thank you, best tutorial on RU-vid!
@academind
@academind 4 года назад
Thank YOU so much! :)
@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!
@glenmartin9974
@glenmartin9974 3 года назад
Thank you, a very good introduction to VS Code.
@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.
@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!
@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!
@LouisYungling
@LouisYungling 3 месяца назад
Thank you for this really helpful tutorial!
@ArdaIskender
@ArdaIskender 3 года назад
It is a very good introduction to VS Code. Thank you
@mrpunch_777_
@mrpunch_777_ 4 года назад
Useful info for beginners like me, thanks for video.
@the-nh6yx
@the-nh6yx 3 года назад
thank you for the very useful lessson
@roselineanijah1203
@roselineanijah1203 Год назад
This is really wonder. Really love your work keep it up.
@elyseefrederick2236
@elyseefrederick2236 4 года назад
i like how you explain things
@BrendanMetcalfe
@BrendanMetcalfe 4 года назад
Great format, thanks!
@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!
@volodymyrdziuba4238
@volodymyrdziuba4238 2 года назад
The best explanation. Thank you.
@tkdevlop
@tkdevlop 6 лет назад
Lol that opening amaze me😂😂
@academind
@academind 6 лет назад
We push our After Effects skills to the limit :D
@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 :)
@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 :)
@nbopalkar
@nbopalkar 2 года назад
Thank you! - From a VS Code Beginner
@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 :)
@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.
@austanyeet2524
@austanyeet2524 3 года назад
Thank u for it I did not know how to use it I’m new to coding
@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.
@lafaerachan
@lafaerachan 3 года назад
Thanks a lot! Very helpful video!
@GerritforBazeja
@GerritforBazeja 3 года назад
Thanks for the nice explanation
@marvin_e
@marvin_e 6 лет назад
hey can you make a tutorial of a dynamic slide that gets photos from the database ..please
@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
@merlingt1
@merlingt1 3 года назад
Thanks. Much appreciated.
@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
@vivian318
@vivian318 3 года назад
omg thank you so much for your help
@bamartist4437
@bamartist4437 2 года назад
this guy is great. Learn allot.
@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 ?
@pamakamu
@pamakamu 4 года назад
Great tutorial, thank you very much!
@academind
@academind 4 года назад
Thank you :)
@omburiom730
@omburiom730 2 года назад
You are a very good teacher.
@solomonwoldetensay2047
@solomonwoldetensay2047 27 дней назад
Thank you bro!
@Unstoppableseed
@Unstoppableseed 3 месяца назад
I actually learn a lot in this video.
@qweoiwjewiodc1954
@qweoiwjewiodc1954 Год назад
I start with visual code and i think it is amazing tool if you want to work with c#,etc
@codeforweb7602
@codeforweb7602 2 года назад
Thanks for the video!
@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
@michealnasasira4593
@michealnasasira4593 Год назад
It is a very good introduction to VS Code. Thanks
@MrBrandonBanks
@MrBrandonBanks 2 года назад
This video was very informative!
@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 :)
@bridget7223
@bridget7223 2 года назад
awesome video btw thank you!
@andreaballestero7780
@andreaballestero7780 3 года назад
Hello, thank you for this video. Do you know if I can do this on shiny apps (embed a Scratch file)? Thank you.
@firststeptechnologyllc
@firststeptechnologyllc 10 месяцев назад
Awesome video. I learned some amazing tips towards the end. Peace
@angeleskidragan
@angeleskidragan 2 года назад
Thank you a million! :)
@melinaconstantinides
@melinaconstantinides 3 года назад
what command should I use in order for the file/folder icons to appear on the side bar?
@CodingWithKids
@CodingWithKids 3 года назад
We love Visual Studio Code and use that to learn Python! 🐍🐍🐍
@arturmostowiak9427
@arturmostowiak9427 3 года назад
Usefull video, good job and thanks
@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 ;)
@causeriengabiganje9169
@causeriengabiganje9169 3 года назад
Thanks for lessons
@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.
@manjulasamarasinghe1479
@manjulasamarasinghe1479 2 года назад
This help me alot thank you
@muhammadfasihullah8631
@muhammadfasihullah8631 4 года назад
Beautiful explanation dear.
@andresestevez2701
@andresestevez2701 4 года назад
una duda como se agrega la compilación de c++ del visual studio 2019, me sale error no se reconoce el comando cl, como seria agregar al path de variables para que visual code reconozca comandos de visual studio para c++
@gimhana_menaka7928
@gimhana_menaka7928 3 года назад
Thank you very much ♥️
@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 3 года назад
Try opening a folder rather than just a file : )
@mannymorales7913
@mannymorales7913 2 года назад
Nice video - thanks for sharing!
@ahsanuqoul
@ahsanuqoul 11 месяцев назад
Sir Thankyou so much for this video
@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!?
@bossbhai4650
@bossbhai4650 5 лет назад
Thanks- you guys rock.
@saudgamer6138
@saudgamer6138 Год назад
OMG! thx u sooo much it will help me in my class
@priyagupta-kp1ey
@priyagupta-kp1ey Месяц назад
Thank you for this video
Далее
Learn Visual Studio Code - Course for Beginners
43:15
Просмотров 232 тыс.
HTML Tutorial for Beginners: HTML Crash Course
1:09:34
Don't use VSCode
35:31
Просмотров 203 тыс.
Learn HTML in 1 hour 🌎
1:00:00
Просмотров 1,7 млн
Visual Studio Code Crash Course
1:32:35
Просмотров 1,2 млн
My Visual Studio Code Setup for Web Development
15:22
25 VS Code Productivity Tips and Speed Hacks
11:35
Просмотров 2,2 млн
Visual Basic (VB.NET) - Full Course for Beginners
3:17:20
Phone charger explosion
0:43
Просмотров 40 млн