Code-Server – VS Code on Docker

Code-Server – VS Code on Docker

In this tutorial, you’ll be learning how to setup Code-Server – VS Code on Docker

What is Code-Server and Why Code-Server ?

• Code-Server is a VS Code instance running on Docker accessible via a browser
• It can be run on a powerful remote server to keep the load off your system
• All intensive computation will run on the Docker container deployed on the remote server
• It is lightweight, open source and free to use
• It can be deployed and managed easily with Docker and Docker-Compose

Read more here: https://github.com/linuxserver/docker-code-server

For more blogs, visit: Blogs
For Docker related Blogs, visit: Docker

Pre-requisites

• Docker and Docker-Compose on Ubuntu installed and ready to use

Steps to Deploy Code-Server on Docker

1. Create a directory and a docker-compose yaml file for the project

# Create a directory for the project
mkdir code-server
# Navigate into the directory
cd code-server
# Create a docker compose yaml file
touch docker-compose.yml
# Create a directory to store container config
mkdir config

2. Add the configuration to the yaml file as shown

# Get the UID and GID of the user to run the container
echo $(id -u) # UID
echo $(id -g) # GID

# Paste the below content into the docker-compose.yaml file
---
version: "2.1"
services:
  code-server:
    image: lscr.io/linuxserver/code-server
    container_name: code-server
    environment:
      - PUID=1000 # Use the UID from the command mentioned above
      - PGID=100 # Use the GID from the command mentioned above
      - TZ=Asia/Kolkata # Time Zone of your choice for the container
      - PASSWORD=password # Login password for the Web UI
      - SUDO_PASSWORD=password # Sudo password (Optional)
    volumes:
      - /home/pi/code-server/config:/config # Volume mount for the container config files (Replace the path with the path on your host)
    ports:
      - 8443:8443 # Port mapping for the container in the format <host-port>:<container-port>. You can choose the <host-port> as per your convenience 
    restart: unless-stopped # Keep the container running unless manually stopped

3. Browse to http://<ip>:<port> to access the installation. You should be able to see the dashboard as shown below. Enter your password and login

4. You should now be able to see your VS code instance

5. Let us now create a simple docker-compose.yaml file and store it using VS code. Create a file by using the New File option in the File menu as shown below

6. Add the contents to the file and save the file by using the Save option in the File menu. The path for the file exists within the workspace directory present in the config directory which has been mounted to the host previously

7. We have now created and saved the file on our server

Congratulations!! You have successfully deployed Code-Server on Docker

573333cookie-checkCode-Server – VS Code on Dockeryes