Skip to content

Connecting Visual Studio Code to Pelle

VSCode from a local computer working on Rackham.

VSCode from a local computer working on Rackham.

Introduction

Visual Studio Code ('VSCode') is an IDE that can be used for software development in many languages.

What is an IDE?

See the page on IDEs.

In this session, we show how to connect VSCode on your local computer to work with your files on Rackham.

Procedure

Below is a step-by-step procedure to start VSCode.

Prefer a video?

See this YouTube video.

An older version of this procedure, where the 'Remote Tunnel' extension is used, can be seen in this YouTube video.

1. Install VSCode on your local computer

Install VSCode on your local computer.

2. Start VSCode on your local computer

How does that look like?

Start VSCode on your local computer

3. In VSCode, install the VSCode 'Remote-SSH' plugin

In VSCode, install the VSCode 'Remote-SSH' plugin.

How does that look like?

Install the VSCode 'Remote-SSH' plugin

4. Enable TOTP interactivity

Since most clusters now has added the TOTP feature you have to make another setting as well.

  • Go to settings (the lower-left corner wheel):

VSCode_settings

VSCode_settings

Search for the right setting and enable it.

5. In the 'Remote Explorer' tab, at SSH, click the plus

In VSCode, go to the 'Remote Explorer' tab. At the SSH section, click on the '+' (with tooltip 'New remote').

How does that look like?

Click on the plus

6. Give the SSH command to connect to Rackham

In the main edit bar, give the SSH command to connect to Rackham, e.g. ssh sven@rackham.uppmax.uu.se

How does that look like?

Type the SSH command

7. Pick the a location for the SSH config file

In the dropdown menu, pick the a location for the SSH config file, e.g. the first, which is similar to /home/sven/.ssh/config.

How does that look like?

Type a location for an SSH config file

8. Click 'Connect'

In the bottom left of VSCode, click on the popup window 'Connect'.

How does that look like?

Click on 'Connect'

9. Done

You are now connected: there is a new window with VSCode connected to Rackham.

How does that look like?

The window that is connected to a Rackham home folder:

Connected to Rackham in subwindow

Going to /proj/staff:

Connected to Rackham's project folder