DEV Community

abdfn
abdfn

Posted on

Open VS Code on the Browser

Hey, what up... in this post, we're going to open our vscode editor in the browser, and we'll do it by code-server

What's code-server 🤨 ?

code-server is a service from coder, their vision is Run VS Code on any machine anywhere and access it in the browser.

Setup code-server

GitHub logo coder / code-server

VS Code in the browser

code-server

"GitHub Discussions" "Join us on Slack" Twitter Follow codecov See latest

Run VS Code on any machine anywhere and access it in the browser.

Screenshot Screenshot

Highlights

  • Code on any device with a consistent development environment
  • Use cloud servers to speed up tests, compilations, downloads, and more
  • Preserve battery life when you're on the go; all intensive tasks run on your server

Requirements

See requirements for minimum specs, as well as instructions on how to set up a Google VM on which you can install code-server.

TL;DR: Linux machine with WebSockets enabled, 1 GB RAM, and 2 vCPUs

Getting started

There are four ways to get started:

  1. Using the install script, which automates most of the process. The script uses the system package manager if possible.
  2. Manually installing code-server
  3. Deploy code-server to your team with coder/coder
  4. Using our one-click buttons and guides to deploy code-server to a cloud provider

If you use the install script, you can preview what occurs…

open the terminal and type

$ curl -fsSL https://code-server.dev/install.sh | sh
Enter fullscreen mode Exit fullscreen mode

after install it, let's active it

$ code-server
Enter fullscreen mode Exit fullscreen mode

Test it in the browser

in your browser, open localhost:8080

it's well asking the password, your password in ~/.config/code-server/config.yaml

$ nano ~/.config/code-server/config.yaml
Enter fullscreen mode Exit fullscreen mode
bind-addr: 127.0.0.1:8080
auth: password
password: YOUR_PASSWORD
cert: false
Enter fullscreen mode Exit fullscreen mode

and you'll see your password, copy it, and paste it in the field...

you should have like this

Alt Text

Top comments (0)