Skip to main content

VS Code Setup

VS Code

VS Code is a popular code editor for web developers, built by Microsoft. The VS Code engine also powers popular in-browser code editors like GitHub Codespaces and Gitpod.

To set up Visual Studio Code, you will need to follow these steps:

  1. Download and install Visual Studio Code from the official website.

  2. Open Visual Studio Code and navigate to the Extensions tab, which is located on the left side of the window.

  3. In the Extensions tab, search for the extensions you want to install. You can install extensions for various languages, frameworks, and tools, depending on your needs. We recommend at least installing Reactjs code snippets, ESLint and Prettier.

  4. Once you have found the extensions you want to install, click on the Install button to add them to Visual Studio Code.

  5. After the extensions are installed, you can start using them by creating a new file and selecting the appropriate language mode from the bottom-right corner of the editor window.

  6. To customize your Visual Studio Code setup, you can open the Settings editor by pressing Ctrl + , on Windows or Cmd + , on Mac, and then make changes to the settings as per your preferences.

  7. You can also access the Command Palette by pressing Shift + Cmd + P on Mac or Shift + Ctrl + P on Windows, and then use it to search for and run various commands in Visual Studio Code.