• Wednesday , 27 May 2020

Visual Studio Code Tutorial for Beginners – Introduction

Code Canyon

Are you looking for a free, cross-platform and highly customizable code editor? Learn VS Code!
Limited Offer! Use VS Code with React.js, Full Course at 90% off: https://acad.link/reactjs
Full article: https://academind.com/learn/web-dev/visual-studio-code-introduction/
Join our Academind Community on Discord for free: https://discord.gg/gxvEWGU

Check out all our other courses: https://academind.com/learn/our-courses


• Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Join our Facebook community on https://www.facebook.com/academindchannel/

See you in the videos!


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!

Original source

3d Ocean

Related Posts


  1. Academind
    January 3, 2020 at 08:44

    As the video is a bit longer, here are some timestamps for the core topics, I hope this helps:

    Download and Creating a Project => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=0m55s

    Writing our First Code => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=2m30s

    Splitting the Code Editor => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=4m30s

    Exploring the Activity Bar => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=5m37s

    Status Bar & Panel => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=7m43s

    Customizing VS Code => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=9m09s

    Emmet & Intellisense in Action => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=12m31s

    Go to Definition & Peek Definition => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=15m24s

    Extensions => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=17m10s

    Extensions we are using => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=18m06s

    Introducing Shortcuts => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=19m03s

    Diving into the Settings => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=24m15s

    Understanding Workspace Settings => https://www.youtube.com/watch?v=VqCgcpAypFQ&t=26m40s

    Multi Root Workspaces =>

  2. Wsebi
    January 3, 2020 at 08:44

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

  3. Jay Mcihael
    January 3, 2020 at 08:44

    great video for beginners

  4. Ruby Jha
    January 3, 2020 at 08:44

    What is the corresponding keyboard short cut for "ctrl + r" in windows OS. This shortcut does not bring the option to switch workspace in windows 10

  5. vritzart pixel
    January 3, 2020 at 08:44


  6. Alex LX glazing
    January 3, 2020 at 08:44

    Useful info for beginners like me, thanks for video.

  7. Rony Pierrot
    January 3, 2020 at 08:44

    does it auto indent? cuz i hate indenting manually…

  8. Der Programmer
    January 3, 2020 at 08:44

    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.

  9. M4st3rm1nd
    January 3, 2020 at 08:44

    Can you show the debug features?

  10. ahaw 1805
    January 3, 2020 at 08:44

    how to run manual with VSC, please answer

  11. K WILL
    January 3, 2020 at 08:44


  12. Gam Nguyen
    January 3, 2020 at 08:44

    Thank you very much! Your instruction and the timestamp are very useful for tracking info!

  13. Samson Gonz
    January 3, 2020 at 08:44

    How big is d software?

  14. Phoebe Pham
    January 3, 2020 at 08:44

    Thank you for your useful tutorial!

  15. Azaher Mia
    January 3, 2020 at 08:44

    waw great video for me or begginner

  16. Yagim
    January 3, 2020 at 08:44

    r u german? xD

  17. michał botor
    January 3, 2020 at 08:44

    to bad, that you didn't mention these handy shortcuts:
    1) html autocompletion:
    *) myTag –> <myTag></myTag>,

    *) myTag.myClass –> <myTag class="myClass"></myTag>,

    *) myTag#myId –> <myTag id="myId"></myTag>,

    *) myTag.myClass#myId –> <myTag class="myClass" id="myId"></myTag>
    2) html/css/js commenting/uncommenting:
    *) select piece of code and hit ctrl+/ (if it's uncommented it will become commented, and if it's commented it will become uncommented)
    3) html/css/js indenting up/indenting down:
    *) select piece of code and hit tab to indent it up or shift+tab to indent it down
    one uses these over and over again.
    also i noticed, that if you want to move the line of code up or down, you can simply have a coursor on that line hold alt and use up or down arrow keys to do so. and the best thing about it is, that it respects indentation! 😉

  18. Tech stickman
    January 3, 2020 at 08:44

    so is that an editor where we can practice any programing language?

  19. Jeff Ratcliff
    January 3, 2020 at 08:44

    Seems to focus a bit too much on customization instead of the basics. Changing the color scheme or the icons is not something a beginner needs to know how to do right away. Even experts may never use those features.

  20. Mateo Matthews
    January 3, 2020 at 08:44

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

  21. kofarde kofarde
    January 3, 2020 at 08:44


  22. Alexandru Ilica
    January 3, 2020 at 08:44

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

  23. Wolvel nATion
    January 3, 2020 at 08:44

    Can someone explain me what to open,and most importantly,how to open?Thanks.

  24. Guided By JesuS
    January 3, 2020 at 08:44

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

  25. Szürke Eminenciás
    January 3, 2020 at 08:44

    or just !+enter at the beginning

Leave A Comment

You must be logged in to post a comment.