Web Development

How to setup visual studio code for beginners.

Learn how to setup vs code for beginners.

In this tutorial I am going to show you my personal setup for visual studio code aka VS Code the most powerful code editor out there.

Setting up Visual Studio Code is not that complicated. You just need to know what the right steps are. So pls follow along with my video and I am going to take you step by step through all the necessary steps.

At the end of this tutorial you will be able to:

  • Download and install visual studio code for Mac OS and Windows
  • Know your way around the user interface aka UI
  • Create / Open / Edit and Delete files and folders aka COED in VS Code
  • VS Code Server
  • Changing the default Browser
  • Save and Auto Save Files in VS Code
  • Changing the Display Language
  • VS Code Mini map
  • Toggle Word Wrap
  • Interface Zoom and Font Size
  • Top VS Code Extensions

  • Download and install visual studio code for Mac OS and Windows
  • Follow this link to the VS Code Home page.

    You can then chose the Standard Build or the Insiders Build, witch ever suits you the best. As I sad in the video, there are no performance differences, only quicker updates.

  • Know your way around the user interface aka UI
  • code basics hero

    Create / Open / Edit and Delete files and folders aka COED in VS Code

    Note! You need to create a folder in witch you then can create files.

  • VS Code Server
  • You can have your own local server by installing the Live Server plugin and no longer have to refresh you page. After just one save in your code editor, all of the new information will be updated in the webpage.

  • Changing the default Browser
  • You can change the default browser to any browser you have installed on your Computer. Whether your preferred browser is Google Chrome, Mozilla Firefox, Opera, Microsoft Edge.

  • Changing the Display Language
  • By default Visual Studio Code comes with English language installed. you can essaly add multiple languages via the extension tab.

  • VS Code Mini map
  • VS Codes mini map is exaptational tool, and also fully customizable.

  • Toggle Word Wrap
  • For those of you how like to see everything in one view port, Word wrap will make it possible.

  • Top VS Code Extensions
  • Increase you productivity by extending VS Codes capabilities with awesome Extensions.

    Last Thots

    VS Code is one of my all time favorite software out there, its small but still largely extendable size makes it ease to manage small and large projects. Hope you enjoyed this short blog post, more to VS Code in my YouTube video .

    Wish to become a VS Code MASTER?

    Check out my complete VS Code Course :

    https://www.udemy.com/course/visual-studio-code-master-the-complete-vs-code-environment/?couponCode=VSC-212607

    Want to become a web development ?

    Check out my other courses on Web Development :

    Leave a Reply

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    %d bloggers like this: