How to run vscode on cloud and access remotly using webbrowser

Robioki Denis
2 min readSep 13, 2021

--

online vscode

Hello Friend, in this session i will show you how to install vscode on vps machine and run it on my web browser

Visual Studio Code (VSCode) is the most popular development environment, period. If you need proof, here’s the Stack Overflow Survey from 2019, although it would’ve gotten even more popular by today. Like the objective majority, and I love VSCode.

Lets make it happen 😜

Step 1 - Check Install Docker

Make sure you have installer docker on your machine before, check with command;

$docker -v
Docker version 20.10.8, build 3967b7f
$docker pull bencdr/code-server-deploy-container:latest

Step 2 - Deploy vscode containner using code-server.

$docker run -d -p 0.0.0.0:8080:8080 \
-v "$PWD/project:/home/rod/project" \
-u "$(id -u):$(id -g)" \
-e "DOCKER_USER=$USER" \
-e "PASSWORD=12345" \
-it bencdr/code-server-deploy-container:latest

the result should be

Unable to find image 'bencdr/code-server-deploy-container:latest' locally
latest: Pulling from bencdr/code-server-deploy-container
d960726af2be: Pull complete
53817e9e439d: Pull complete
634a8de4af3b: Pull complete
b9bdeda601ff: Pull complete
f0a8a7b8442f: Pull complete
5db0b7beb29b: Pull complete
93eaeff0b430: Pull complete
8de7455da4c9: Pull complete
cc9f1f3f300c: Pull complete
850d8c358c16: Pull complete
ec4af26ece72: Pull complete
7886685f9e48: Pull complete
bb9978203ad0: Pull complete
81d184a95678: Pull complete
Digest: sha256:45f9ac42c7f3a711d95ea90782c1ae585288edc356140fc42ef029465707ea74
Status: Downloaded newer image for bencdr/code-server-deploy-container:latest

check installer image using command

$docker images 
bencdr/code-server-deploy-container latest 0e46d24d94a4 2 weeks ago 937MB

check running container

$docker ps
cf95933d546d bencdr/code-server-deploy-container:latest "/usr/bin/deploy-con…" 16 minutes ago Up 16 minutes 0.0.0.0:8080->8080/tcp

Step 3 — Access browser

access using your installed web browser, i opened using edge

http://<your_vps_ip>:8080
robioki — running vscode cloud

That’s it..

--

--

Robioki Denis
Robioki Denis

Written by Robioki Denis

DevOps Engineer & Fullstack Developer, someone who has a high curiosity 😁

No responses yet