Running Visual Studio Code in de Cloud

Deploy Visual studio code in de cloud

Intro

In deze korte tutorial zullen we kort uitleggen hoe je Visual studio Code kan runnen in de cloud. Wat heb je nodig ? In theorie enkel een Linux VM met 1gb aan ram. Op de officiële github pagina kan je meer lezen over de verschillende installatie mogelijkheden (Azure, AWS, …) . Het eenvoudigste is het deployen van een Docker image op railway.app.

Aan de slag

Clone

Clone de repo van de docker code server https://github.com/cdr/deploy-code-server

Railway

Klik op onderstaan de knop om de 1 click installatie op Railway te starten.

Vul een PASSWORD en een GIT_REPO url in (uit stap 1).

Railway zal meteen alle docker configuratie overnemen en alles deployen.

Test

In Railway ga naar Deployments -> Triggers om deurl van de repo te weten (voorbeeld: kommaboard.up.railway.app)

Als alles goed verlopen kan je nu inloggen.

Persoonlijke voorkeuren

Gezien we VS code in docker runnen kunnen we nu de docker file aanpassen en extra tools automatisch installeren.

In onderstaande Dockerfile hebben we .NET Core , NodeJs , Angular en Chrome toegevoegd in combinatie met een de browser preview plugin.

Je kan die naar eigen behoefte configureren.

Copy to Clipboard

# Start from the code-server Debian base image
FROM codercom/code-server:latest

USER coder

# Apply VS Code settings
COPY deploy-container/settings.json .local/share/code-server/User/settings.json

# Use bash shell
ENV SHELL=/bin/bash

#WGet 
RUN sudo apt-get -y update
RUN sudo apt install wget

# Install NodeJS
RUN sudo curl -fsSL https://deb.nodesource.com/setup_15.x | sudo bash -
RUN sudo apt-get install -y nodejs

#.NET CORE
RUN wget https://packages.microsoft.com/config/ubuntu/21.04/packages-microsoft-prod.deb -O packages-microsoft-prod.deb
RUN sudo dpkg -i packages-microsoft-prod.deb
RUN sudo apt-get update; \
  sudo apt-get install -y apt-transport-https && \
  sudo apt-get update && \
  sudo apt-get install -y dotnet-sdk-5.0

#Install AngularCli
RUN sudo npm install -g @angular/cli
#install Chrome
RUN sudo curl -LO https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
RUN sudo apt-get install -y ./google-chrome-stable_current_amd64.deb
RUN sudo rm google-chrome-stable_current_amd64.deb

# Install unzip + rclone (support for remote filesystem)
RUN sudo apt-get update && sudo apt-get install unzip -y
RUN curl https://rclone.org/install.sh | sudo bash

# Copy rclone tasks to /tmp, to potentially be used
COPY deploy-container/rclone-tasks.json /tmp/rclone-tasks.json

# Fix permissions for code-server
RUN sudo chown -R $USER:$USER /home/coder/.local

# You can add custom software and dependencies for your environment below
# -----------

# Install a VS Code extension:
# Note: we use a different marketplace than VS Code. See https://github.com/cdr/code-server/blob/main/docs/FAQ.md#differences-compared-to-vs-code
# RUN code-server --install-extension esbenp.prettier-vscode
RUN sudo code-server --install-extension auchenberg.vscode-browser-preview
# Install apt packages:
# RUN sudo apt-get install -y ubuntu-make

# Copy files: 
# COPY deploy-container/myTool /home/coder/myTool

# -----------

# Port
ENV PORT=8080

# Use our custom entrypoint script first
COPY deploy-container/entrypoint.sh /usr/bin/deploy-container-entrypoint.sh
ENTRYPOINT ["/usr/bin/deploy-container-entrypoint.sh"]

ICT Careers

Finance Careers

Deploy Visual studio code in de cloud

Intro

Aan de slag

Clone

Railway

Test

Persoonlijke voorkeuren

ICT Careers

Finance Careers

Deploy Visual studio code in de cloud

Intro

Aan de slag

Clone

Railway

Test

Persoonlijke voorkeuren

Cookies