This repository includes configuration for a development container for working with Code - OSS in an isolated local container or using GitHub Codespaces.
Tip: The default VNC password is
vscode
. The VNC server runs on port5901
with a web client at6080
. For better performance, we recommend using a VNC Viewer. Applications like the macOS Screen Sharing app will not perform as well.
-
Install Docker Desktop or Docker for Linux on your local machine. (See docs for additional details.)
-
Important: Docker needs at least 4 Cores and 6 GB of RAM (8 GB recommended) to run full build. If you on macOS, or using the old Hyper-V engine for Windows, update these values for Docker Desktop by right-clicking on the Docker status bar item, going to Preferences/Settings > Resources > Advanced.
Note: The Resource Monitor extension is included in the container so you can keep an eye on CPU/Memory in the status bar.
-
Install Visual Studio Code Stable or Insiders and the Remote - Containers extension.
Note that the Remote - Containers extension requires the Visual Studio Code distribution of Code - OSS. See the FAQ for details.
-
Press Ctrl/Cmd + Shift + P and select Remote-Containers: Clone Repository in Container Volume....
Tip: While you can use your local source tree instead, operations like
yarn install
can be slow on macOS or using the Hyper-V engine on Windows. We recommend the "clone repository in container" approach instead since it uses "named volume" rather than the local filesystem. -
Type
https://github.com/microsoft/vscode
(or a branch or PR URL) in the input box and press Enter. -
After the container is running, open a web browser and go to http://localhost:6080 or use a VNC Viewer to connect to
localhost:5901
and entervscode
as the password.
Anything you start in VS Code or the integrated terminal will appear here.
Next: Try it out!
IMPORTANT: You need to use a "Standard" sized codespace or larger (4-core, 8GB) since VS Code needs 6GB of RAM to compile. This is now the default for GitHub Codespaces, but do not downgrade to "Basic" unless you do not intend to compile.
-
From the microsoft/vscode GitHub repository, click on the Code dropdown, select Open with Codespaces, and the New codespace
Note that you will not see these options if you are not in the beta yet.
-
After the codespace is up and running in your browser, press F1 and select Ports: Focus on Ports View.
-
You should see port
6080
under Forwarded Ports. Select the line and click on the globe icon to open it in a browser tab.If you do not see port
6080
, press F1, select Forward a Port and enter port6080
. -
In the new tab, you should see noVNC. Click Connect and enter
vscode
as the password.
Anything you start in VS Code or the integrated terminal will appear here.
Next: Try it out!
You will likely see better performance when accessing the codespace you created from VS Code since you can use aVNC Viewer. Here's how to do it.
-
Create a codespace if you have not already.
-
After the VS Code is up and running, press F1, choose Codespaces: Connect to Codespace, and select the codespace you created.
-
After you've connected to the codespace, use a VNC Viewer to connect to
localhost:5901
and entervscode
as the password. -
Anything you start in VS Code or the integrated terminal will appear here.
Next: Try it out!
This container uses the Fluxbox window manager to keep things lean. Right-click on the desktop to see menu options. It works with GNOME and GTK applications, so other tools can be installed if needed.
Note you can also set the resolution from the command line by typing set-resolution
.
To start working with Code - OSS, follow these steps:
-
In your local VS Code, open a terminal (Ctrl/Cmd + Shift + `) and type the following commands:
yarn install bash scripts/code.sh
Note that a previous run of
yarn install
will already be cached, so this step should simply pick up any recent differences. -
After the build is complete, open a web browser or a VNC Viewer to the desktop environnement as described in the quick start and enter
vscode
as the password. -
You should now see Code - OSS!
Next, let's try debugging.
-
Shut down Code - OSS by clicking the box in the upper right corner of the Code - OSS window through your browser or VNC viewer.
-
Go to your local VS Code client, and use Run / Debug view to launch the VS Code configuration. (Typically the default, so you can likely just press F5).
Note: If launching times out, you can increase the value of
timeout
in the "VS Code", "Attach Main Process", "Attach Extension Host", and "Attach to Shared Process" configurations in launch.json. However, runningscripts/code.sh
first will set up Electron which will usually solve timeout issues. -
After a bit, Code - OSS will appear with the debugger attached!
Enjoy!