How to set up a development environment (VS Code Server) directly in the browser on a VPS
Greetings, friends!
Imagine this scenario: you are on the road, in a meeting, or at a café, and all you have on hand is a lightweight tablet, an old laptop, or even a smartphone. Suddenly, a production server throws an error, or you urgently need to tweak a Docker container configuration, write a Python API endpoint, or test an automation script. Setting up a local environment, configuring SSH keys, and pulling heavy repositories on someone else's or a secondary device is simply time-consuming and insecure.
In 2026, this problem is solved by the concept of Cloud Development Environment (CDE). You can deploy a full-fledged, independent VS Code Server (code-server) development environment right on your isolated VPS. You get the familiar interface of your favorite editor complete with all extensions, themes, built-in terminal, and Git integration, accessible via any browser from anywhere in the world. Meanwhile, all calculations, code compilation, and heavy Docker builds happen on powerful server cores, without draining your portable device's battery.
In this practical guide, we will step-by-step deploy a secure VS Code Server based on Docker and configure an Nginx reverse proxy with an automatic SSL certificate for secure browser-based coding.
Key Takeaways: Advantages of Cloud Development
Absolute Mobility: Your workspace, open tabs, plugins, and terminal history always remain in the exact same state. You can start writing code on a PC in the office and continue from a tablet in a taxi.
Saving Local Resources: All resource-intensive processes (database indexing, compilation, running microservices) execute on the data center side. The local browser acts merely as a lightweight interactive display.
Source Code Security: Your product's source code is not physically stored on your laptop's hard drive. If your device is lost or stolen, your intellectual property and API keys remain safe on the server.
Remote Development Environment Architecture
To ensure the development environment performs responsively and securely, we will package the code-server application itself into an isolated Docker container, while the Nginx web server will act as a protective shield encrypting traffic via HTTPS and proxying WebSockets necessary for instant terminal response.
Video Guide on Installing VS Code on Ubuntu 24.04
We recorded a video that demonstrates the entire process of installing and accessing VS Code. You can watch it right here:
A minimal set of commands is used for installation:
sudo apt update
sudo apt upgrade -y
wget -qO- https://packages.microsoft.com/keys/microsoft.asc | gpg --dearmor > packages.microsoft.gpg
sudo install -o root -g root -m 644 packages.microsoft.gpg /usr/share/keyrings/
echo "deb [arch=$(dpkg --print-architecture) signed-by=/usr/share/keyrings/packages.microsoft.gpg] https://packages.microsoft.com/repos/code stable main" | sudo tee /etc/apt/sources.list.d/vscode.list
sudo apt update
sudo apt install code
code
sudo apt install snapd -y
sudo snap install code --classic
Comparison of Remote Development Methods
| Criterion | Local VS Code + SSH Plugin | VS Code Server in Browser (Self-hosted) | Third-party B2B Clouds (GitHub Codespaces) |
| Client Requirements | Software must be installed on PC. | Only a modern web browser. | Browser or heavy client app. |
| Process Autonomy | Closing the laptop lid may interrupt processes on the server. | Processes and compilation run continuously 24/7 in the background. | Limited by plans and idle timeouts. |
| Data Control | High (direct SSH access). | Complete & absolute (you are the admin of your server). | Dependent on a third-party B2B platform. |
| Resource Costs | Standard VPS payment. | Standard VPS payment. | Hourly billing for every minute of instance runtime. |
Important Tweaks for Convenience
To make your browser experience indistinguishable from a local app, configure the following settings:
Full-screen Mode (PWA): In your browser (Chrome / Edge / Brave), click the "Install app" icon in the address bar. VS Code Server will install as a Progressive Web App. It will get its own desktop icon and open in a standalone window without an address bar, completely capturing system shortcuts (for example,
Ctrl+Wwill close a tab in your code rather than the browser itself).Docker Access inside VS Code: If you want to build other Docker containers directly from the terminal inside your browser-based VS Code, pass the host machine's socket into the container by adding
- /var/run/docker.sock:/var/run/docker.sockto thevolumessection of yourdocker-compose.ymlfile.
FAQ: Frequently Asked Questions
Do official extensions from the VS Code Marketplace work?
By default, code-server uses the alternative open-source marketplace Open VSX, which hosts 95% of the most popular plugins (Python, Prettier, GitLens, Docker, UI themes). If you vitaly need a specific proprietary plugin from the official Microsoft store, you can download its
.vsixfile and install it manually via the extensions menu.What is the minimum VPS configuration needed for smooth operation?
The minimum threshold is 1 CPU core and 2 GB RAM. However, if you plan to run modern web builds (such as heavy
node_modules, Webpack/Vite compilers, or local databases), it is recommended to choose plans with high-frequency CPU cores and fast NVMe drives, as code indexing and file search are critical to the disk subsystem.
Conclusion
Deploying your own cloud-based VS Code Server environment is the ultimate way to achieve complete digital independence and mobility for both developers and system administrators. You are freed from being tied to a specific work computer, protect your source code from leaks in case hardware is lost, and can conduct B2B product development from any available internet-connected device.
When it comes to remote development, interface responsiveness plays a key role. Every keystroke in the editor or terminal sends a network packet to the server. If the host machine is overloaded with other processes (overselling) or the data center has poor network routing, you will encounter frustrating input lag.
If you are currently looking for an uncompromising, fast, and stable hardware base to create your personal cloud IT lab or IDE, check out our Ryzen VDS / NVME VPS services.
Article Author: Anatolie Cohaniuc