Installing Visual Studio Code

3. Installing Visual Studio Code#

To install Visual Studio Code, follow these steps:

  1. Visit the official Visual Studio Code website at https://code.visualstudio.com.

  2. Click on the “Download” button for your operating system (Windows, macOS, or Linux).

  3. Once the download is complete, run the installer and follow the on-screen instructions to install Visual Studio Code.

4. Installing Extensions#

To install extensions in Visual Studio Code, including Git and Remote Explorer, follow these steps:

  1. Launch Visual Studio Code.

  2. Click on the “Extensions” icon in the sidebar (or press Ctrl+Shift+X).

  3. In the search bar, type the name of the extension you want to install (e.g., “Git”).

  4. From the search results, click on the extension you want to install.

  5. Click on the “Install” button next to the extension.

  6. Once the installation is complete, you can access the extension’s features and settings within Visual Studio Code.

4.1. Using Git and Remote Explorer#

After installing the Git and Remote Explorer plugins, you can use them to manage your Git repositories and explore remote resources.

To use Git:

  1. Open the Command Palette by pressing Ctrl+Shift+P.

  2. Type “Git” and select the desired Git command from the list.

  3. Alternatively, you can use the Git sidebar to perform common Git operations.

To use Remote Explorer:

  1. Click on the “Remote Explorer” icon in the sidebar.

  2. Connect to a remote server by clicking on the “+” button and entering the necessary details.

  3. Once connected, you can browse and manage files on the remote server.

4.2. Using Live Server#

After installing the Live Server plugin, you can use it to launch a local development server and automatically refresh your web pages as you make changes.

To use Live Server:

  1. Open the HTML file you want to preview in Visual Studio Code.

  2. Right-click anywhere in the editor and select “Open with Live Server”.

  3. A new browser tab will open, displaying your web page.

  4. Any changes you make to the HTML, CSS, or JavaScript files will be automatically reflected in the browser.

Remember to stop the Live Server when you’re done by clicking on the “Stop” button in the status bar.

Tip

I highly recommend GitHub Copilot to work more effectively. It certainly helps me write faster and neater codes. Checkout this article to see more on how Copilot had improved efficiency of programmers/coders

5. Signing up and Installing GitHub Copilot#

To sign up and install GitHub Copilot, follow these steps:

  1. Visit the GitHub Copilot website at https://copilot.github.com.

  2. Click on the “Get started with Copilot” button.

  3. Enter your email address and If you are a student you can avail a free subscription of GitHub Copilot using student developer pack.

  4. You will receive an email notification when your access to GitHub Copilot is granted.

  5. Once you receive access, follow the instructions provided in the email to install and set up GitHub Copilot in Visual Studio Code.

Contents