Remote Development IDEs

Posted on Edited on Word count in article: 1.1k Reading time ≈ 2 mins.
Explore remote development with Visual Studio Code and JetBrains Gateway. Learn how to set up and use these tools for efficient coding on remote machines, reducing local resource overhead.

Recently, I spent some time trying out VSC and JB’s remote development tools. I think they’re good, so here’s a brief introduction.

From now on, high-overhead compilation tasks can be handled by remote machines.

Of course, to ensure smooth remote operation, both the remote machine and the local network need to meet high requirements.

Visual Studio Code

https://static.1991421.cn/2024/2024-07-15-224300.jpeg

To implement remote development with VSC, you need to follow these steps:

  1. Deploy Code Server
  2. Install Visual Studio Code (VSC) locally
  3. Install the Visual Studio Code Remote - SSH extension
  4. Add SSH configuration and connect

JetBrains Gateway

https://www.jetbrains.com/remote-development/gateway/img/Gateway-Enable-a-remote.png

For JB’s remote development, you need to install the local client JetBrains Gateway

  1. Install JetBrains Gateway locally
  2. Launch it and enter the server address, port, etc.
  3. Please select the server IDE to install as needed, for example, I chose WebStorm
  4. Choose the project you want to open

For server-side Git projects, you can open a terminal within the IDE and use command-line operations directly.

Note

  • Gateway is still in Beta, and compared to VSC, it is less stable.
  • Gateway will read the plugin settings of the local JB account’s corresponding IDE and synchronize them to the server IDE, so the experience with hotkeys, etc., remains consistent.

At the end

Based on my experience, reducing local resource overhead is possible by dropping big projects to the server.