{"id":516,"date":"2024-05-07T13:29:28","date_gmt":"2024-05-07T13:29:28","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2024\/05\/07\/9292934-how-to-use-the-vs-code-vps-template-at-hostinger\/"},"modified":"2025-08-27T06:45:55","modified_gmt":"2025-08-27T06:45:55","slug":"9292934-how-to-use-the-vs-code-vps-template-at-hostinger","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/9292934-how-to-use-the-vs-code-vps-template-at-hostinger\/","title":{"rendered":"How to Use the VS Code VPS Template at Hostinger"},"content":{"rendered":"

The Ubuntu 24.04 with VS Code<\/a><\/b> VPS template on Hostinger provides a pre-configured setup of a Visual Studio Code Server<\/b>. This allows you to access a fully-featured VS Code environment from any device via your web browser. With this template, VS Code Server is already installed, and you can access it via HTTPS using a secure password provided during the initial setup. This guide will walk you through accessing and configuring your VS Code environment.<\/p>

\n<\/p>

\n

If you don’t have a VPS yet, check the available options here: VPS Hosting<\/a> 🚀<\/b><\/p>\n<\/div>

\n<\/p>

Accessing the VS Code Server<\/h2>

Open your web browser and navigate to:<\/p>

https:\/\/[your-vps-ip]<\/code><\/pre>
Replacing [your-vps-ip]<\/b> with the actual IP address of your VPS<\/a>.<\/b><\/p>
\n<\/p>
Enter the password provided during the installation process to access the VS Code Server:<\/p>
\n<\/p>
<\/div>
\n<\/p>
Setting Up Your Development Environment<\/h2>
The VS Code Server allows you to install extensions<\/b> as in the desktop version. Click on the Extensions<\/b> icon in the sidebar to access and install the necessary extensions for your development:<\/p>
\n<\/p>
<\/div>
\n<\/p>
\n<\/p>
Configuring Your Workspace<\/h2>
Use the integrated Git tool<\/b> to manage your code repositories. Add a repository by clicking on the Source Control icon in the sidebar:<\/p>
\n<\/p>
<\/div>
\n<\/p>
To access the terminal directly within the VS Code Server interface, navigate to Terminal →<\/b> New Terminal:<\/b><\/p>
\n<\/p>
<\/div>
\n<\/p>
If you have existing settings or extensions, consider enabling Settings Sync<\/b> to synchronize them across your VS Code instances.<\/p>
\n<\/p>
Securing Your VS Code Server<\/h2>
Ensure your firewall settings only allow trusted IPs to access the server. Use a firewall inside the VPS Dashboard<\/a><\/b> or an ufw<\/b> to configure your firewall rules.<\/p>
\n<\/p>
That’s all, your VS Code server is set up and ready!<\/p>
\n<\/p>
Additional Resources<\/b><\/p>