{"id":2668,"date":"2023-03-08T09:58:13","date_gmt":"2022-09-17T21:26:54","guid":{"rendered":""},"modified":"2025-02-02T00:46:19","modified_gmt":"2025-02-01T23:46:19","slug":"how-to-install-visual-studio-code-cloud-ide-on-ubuntu-24-04-server","status":"publish","type":"post","link":"https:\/\/netcloud24.com\/knowledgebase\/how-to-install-visual-studio-code-cloud-ide-on-ubuntu-24-04-server\/","title":{"rendered":"Linux VPS & VPS Windows Setup Guide | NetCloud24 Visual Studio Code Cloud IDE on Ubuntu 24.04 Server"},"content":{"rendered":"

\u00a0<\/p>\n<\/p>\n

<\/header>\n
\n

Visual Studio Code (VS Code)<\/strong> is a popular code editor that offers a Cloud IDE experience for remote development, allowing developers to work on their projects from anywhere. By installing VS Code as a Cloud IDE on an Ubuntu 24.04 server, you can access a full-featured coding environment in your browser. This guide will walk you through how to install and set up Visual Studio Code Cloud IDE on Ubuntu 24.04 Server, perfect for VPS server<\/strong> environments.<\/p>\n

Step 1: Update Your System<\/h2>\n

Before installing Visual Studio Code, ensure your server is up to date. Run the following commands to update your package list and install any available updates:<\/p>\n

sudo apt update && sudo apt upgrade -y<\/code><\/pre>\n
Step 2: Install Docker<\/h2>\n
To run VS Code as a Cloud IDE, we will use code-server<\/strong>, an open-source project that allows Visual Studio Code to run in the cloud. First, you need to install Docker, which will help you manage the code-server container. Run the following command to install Docker:<\/p>\n
sudo apt install docker.io -y<\/code><\/pre>\n
Once Docker is installed, start and enable Docker:<\/p>\n
sudo systemctl start docker\r\nsudo systemctl enable docker<\/code><\/pre>\n
Step 3: Install VS Code Cloud IDE Using code-server<\/h2>\n
Next, pull the latest code-server<\/strong> Docker image from the official repository:<\/p>\n
sudo docker pull codercom\/code-server:latest<\/code><\/pre>\n
Now, create a directory for your project files and start the code-server container. Replace \/home\/username\/projects<\/code> with the directory where you want to store your projects:<\/p>\n
\r\nsudo docker run -d -p 8080:8080 \\\r\n-v \/home\/username\/projects:\/home\/coder\/project \\\r\ncodercom\/code-server:latest\r\n        <\/code><\/pre>\n
This command will run VS Code on port 8080 and mount the specified directory as your workspace.<\/p>\n
Step 4: Configure SSL (Optional)<\/h2>\n
If you’re running Visual Studio Code on a public-facing VPS server<\/strong>, it’s important to secure it with SSL. You can use Let’s Encrypt and Nginx to set up a secure connection. First, install Nginx and Certbot:<\/p>\n
sudo apt install nginx certbot python3-certbot-nginx -y<\/code><\/pre>\n
Next, configure Nginx as a reverse proxy for VS Code:<\/p>\n
sudo nano \/etc\/nginx\/sites-available\/vscode<\/code><\/pre>\n
Add the following configuration:<\/p>\n
\r\nserver {\r\n    listen 80;\r\n    server_name your_domain;\r\n\r\n    location \/ {\r\n        proxy_pass http:\/\/localhost:8080;\r\n        proxy_set_header Host $host;\r\n        proxy_set_header X-Real-IP $remote_addr;\r\n        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;\r\n        proxy_set_header X-Forwarded-Proto $scheme;\r\n    }\r\n}\r\n        <\/code><\/pre>\n
Save and exit the file, then enable the configuration:<\/p>\n
\r\nsudo ln -s \/etc\/nginx\/sites-available\/vscode \/etc\/nginx\/sites-enabled\/\r\nsudo systemctl restart nginx\r\n        <\/code><\/pre>\n
Now, obtain a free SSL certificate from Let’s Encrypt:<\/p>\n
sudo certbot --nginx -d your_domain<\/code><\/pre>\n
Follow the prompts to complete the SSL setup. Your VS Code Cloud IDE will now be accessible securely via HTTPS.<\/p>\n
Step 5: Access VS Code Cloud IDE<\/h2>\n
Once the container is running and Nginx is configured (if applicable), you can access Visual Studio Code in your browser. Navigate to:<\/p>\n
http:\/\/your_domain_or_server_ip:8080<\/code><\/pre>\n
If you secured the installation with SSL, use HTTPS:<\/p>\n
https:\/\/your_domain<\/code><\/pre>\n
On the first login, code-server will ask you to set a password. After setting your password, you can log in and start coding!<\/p>\n
Step 6: Configure Persistence for Data<\/h2>\n
If you’re running VS Code on a VPS server<\/strong>, it’s important to ensure your project files are persistent across container restarts. By mounting a volume as shown in Step 3 (\/home\/username\/projects:\/home\/coder\/project<\/code>), your data will persist even if the Docker container is restarted or recreated.<\/p>\n
Step 7: Enable Automatic Restart<\/h2>\n
To ensure that code-server starts automatically when the server reboots, you can add the --restart always<\/code> flag to your Docker run command:<\/p>\n
\r\nsudo docker run -d -p 8080:8080 \\\r\n-v \/home\/username\/projects:\/home\/coder\/project \\\r\n--restart always \\\r\ncodercom\/code-server:latest\r\n        <\/code><\/pre>\n
Running VS Code Cloud IDE on a VPS Server<\/h2>\n
Running Visual Studio Code Cloud IDE on a VPS server<\/strong> offers flexibility and the ability to code from anywhere, while keeping all your project files hosted remotely. It’s perfect for developers working on collaborative projects or needing a robust, centralized development environment.<\/p>\n
Looking for a Reliable VPS Solution?<\/h2>\n
If you’re looking for a reliable and scalable VPS server<\/strong> to run Visual Studio Code Cloud IDE, consider using . With Windows VPS<\/strong>, you get high-performance VPS hosting with full control over your development environment, making it perfect for hosting remote IDEs like VS Code.<\/p>\n