VSCode Remote Connection

#vscode #remote #ssh

In this article I will go through how to connect remotely in VSCode using SSH remote extension.

In both local and server: check that you have open SSH installed by searching Manage Optional Features in the Windows start menu.
In both local and server: open services.msc and make sure that the services of ssh are running.
In Server cmd: run netstat -a | findstr 22 You must see something like this (Listening):

its default port is 22.

From Local cmd: To go to the server run ssh <SERVER_USERNAME>@<SERVER_IP>
You’ll be asked to enter the server password.
In Local cmd: Now I am in a cmd seeing the Server
In Remote in C:\Users\<USERNAME>.ssh: run ssh-keygen and name the file of the ssh e.g. testSSH.
In Local: Create a config file (with no extension) in C:\Users\<USERNAME>.ssh.

Host <AnyName>
  HostName <IP>
  User <USERNAME>
  IdentityFile ~/.ssh/<name of the ssh file on the server made in previous step (e.g. ~/.ssh/testSSH)>

In VSCode in Local:

In Local: Make Sure to install Remote extension by Microsoft.
Click on its icon (1)
(2) select Remote-SSH: Connect to Host
Either do one of the following
Choose the just configured SSH Host

(3) Enter e.g.: ssh <SERVER-USERNAME>@<SERVER-IP>
(4) Choose as below in the image
A new instance of VSCode will be open.
You’ll be asked for the Operating System, the Server Password.
You’ll find that you’re connected to the Server
You can open terminal in VSCode but firstly make sure that the server has Git downloaded.
You are now in the Server terminal:
Now you can download plugins and extensions as Live Server on the server from your opened VSCode window.
In Local VSCode: File → Open Folder → type your project path on the server.
You can run Live Server extension and it will show that it is running on a port e.g. 5501 so now you can browse to http://:5501/ to see live dev.