How to manage server files with VS Code via SFTP?

This tutorial will provide you with information on how to set up your installation of VS Code to manage files of your servers with ease.

A bit of info before we start
#

You will probably notice, based on the screenshots below, that this tutorial has been created on a Windows installation. That’s correct, but you should be able to replicate the same procedure on other operating systems without much headaches.

This tutorial works on:

Windows, Linux and MacOS, with some minor differences in file/folder picker and overall UI.
VSCodium (A truly open VS Code experience, without the proprietary or AI integrations).

Tip: You can click on images to zoom in and out.

Prerequisites
#

Installation of VS Code.
An up to date operating system.
A few minutes of your spare time. :)

Setup
#

Open VS Code and go to Extensions.

Search for sftp.
Install SFTP extension from Natizyskunk author (actively maintained and updated).

Click Trust Publisher & Install.

Press Ctrl + Shift + P or click View > Command Palette..., and type sftp config. Click on SFTP: Config.

Click on Open Folder in notification area.

Create a new folder, name it however you want, make sure it’s selected and click Select Folder.

Click Yes, I trust the authors (it’s your own empty folder, so it’s safe).

Press Ctrl + Shift + P or click View > Command Palette..., and type sftp config. Click on SFTP: Config (same as step 5).

A file named sftp.json will be opened.

You will need to update 3 required fields in this file:

host -> files.peanuthost.net
port -> 42069
username -> see steps below on how to acquire your username

In order to get your username for your server (different for each server you own), you will need to follow the following steps:

Login on PeanutHost panel with your account.
Click on your server.

Click on Settings and then on SFTP Details > Username. The username will then get copied to the clipboard. If that’s not the case, just select + copy, like usually.