Run VSCode in the Browser
Written by Nikos Vaggalis   
Tuesday, 23 April 2019

Coder.com has open sourced its cloud-server component which allows VSCode to run on a remote server fully accessible through the browser. 

 What is the advantage of that?

  • Code on your Chromebook, tablet, and laptop with a consistent dev environment.

  • Take advantage of large cloud servers to speed up tests, compilations, downloads, and more.

  • Preserve battery life when you're on the go as all intensive computation runs on your server, plus you're no longer running excess instances of Chrome.

Code-server is available as a single binary or Docker image and can be self hosted locally, which of course beats the purpose of portability, or on remote servers such as a VPSs' on Digital Ocean.
 
In addition to Digital Ocean's, there's also detailed instructions for  Google Cloud and AWS.

Installation can be as easy as :

  1. Open a terminal on your computer and SSH into your instance
    example: ssh root@203.0.113.0
  2. Once in the SSH session, visit code-server releases page and copy the link to the download for the latest linux release
    Find the latest Linux release from this URL:
    https://github.com/codercom/code-server/releases/latest
  3. Replace {version} in the following command with the version found on the releases page and run it (or just copy the download URL from the releases page):
    wget https://github.com/codercom/code-server/releases/download/{version}/code-server-{version}-linux-x64.tar.gz
  4. Extract the downloaded tar.gz file with this command, for example:
    tar -xvzf code-server-{version}-linux-x64.tar.gz

  5. Navigate to extracted directory with this command:
    cd code-server-{version}-linux-x64

  6. If you run into any permission errors when attempting to run the binary:
    chmod +x code-server

  7. Finally start the code-server
    sudo ./code-server -p 80

Code-server is using a self-signed SSL certificate so that you can access it over HTTPS.For instructions on how to generate a self signed certificate and start code-server using your certificate/key, check Generate a self-signed certificate.

Now you can access VSCode when you visit your Droplets public IP on port 80, but of course you can bind it to another port if on 80 is already occupied.It might also worth protecting the end point with at least basic authentication or start code-server with the built-in option -P, --password <value> which requires a password for authentication.

Also an option to keep in mind is the --disable-telemetry flag or set DISABLE_TELEMETRY=true which disables the tracking Code.com does, collecting data for self improvement.It is not clear if that also disables the telemetry that Microsoft uses too.Recently we've seen the release of an other open source version of Visual Studio Code called VSCodium that doesn't pass telemetry data back to Microsoft aiming to offer a more private development experience to Visual Studio developers.

Code-server is available from Github, which repo is attracting a lot of popularity, 16,218 Stars and 863 forks at the time of writing.With that many forks, more customizable versions with extra features are bound to appear soon.Versions that for example enable code-server to integrate with the official VSCode Marketplace in order to use its
Extensions, something not currently supported out of the box.Code.com has however made a custom extension marketplace
focused around open-sourced extensions. That said if you have access to the .vsix file you can always manually install the extension.

 

More Information

Code-Server on Github

 

Related Articles

Open Source Visual Studio Code Without Trackers Launched

Sourcegraph Powers Up Your Code Repository

Insight.io - Code Intelligence on GitHub

 

To be informed about new articles on I Programmer, sign up for our weekly newsletter, subscribe to the RSS feed and follow us on Twitter, Facebook or Linkedin.

 

Banner


Gender Differences In Coding Style
13/11/2024

A novel investigation into the gender gap between men and women regarding coding ability was undertaken by Dr Siân Brooke. Her conclusion? There is a difference in the Python code [ ... ]



Apache Releases Tomcat 11
07/11/2024

Apache has announced the release of Tomcat 11, as well as marking the 25th anniversary of the first commit to the Apache Tomcat source code repository since becoming an ASF project.


More News

 

espbook

 

Comments




or email your comment to: comments@i-programmer.info

Last Updated ( Tuesday, 23 April 2019 )