You can develop in your Coder workspace remotely withVS Code.We support connecting with the desktop client and VS Code in the browser withcode-server.Learn more about how VS Code Web and code-server compare in thecode-server doc.

VS Code Desktop

VS Code desktop is a default app for workspaces.

ClickVS Code Desktop in the dashboard to one-click enter a workspace. Thisautomatically installs theCoder Remoteextension, authenticates with Coder, and connects to the workspace.

Manual Installation

You can install our extension manually in VS Code using the command palette.Launch VS Code Quick Open (Ctrl+P), paste the following command, and pressenter.

Alternatively, manually install the VSIX from thelatest release.

VS Code extensions

There are multiple ways to add extensions to VS Code Desktop:

1. Using thepublic extensions marketplaceswith Code Web (code-server)
2. Addingextensions to custom images
3. Installing extensionsusing itsvsix file at the command line
4. Installing extensionsfrom a marketplace using the command line

Using the public extensions marketplaces

You can manually add an extension while you're working in the Code Web IDE. Theextensions can be from Coder's public marketplace, Eclipse Open VSX's publicmarketplace, or the Eclipse Open VSXlocal marketplace.

Adding extensions to custom images

You can add extensions to a custom image and install them either through CodeWeb or using the workspace's terminal.

1. Download the extension(s) from the Microsoft public marketplace.

   

2. Add thevsix extension files to the same folder as your Dockerfile.

   ~/images/base ➜ ls -l -rw-r--r-- 1 coder coder 0 Aug 1 19:23 Dockerfile -rw-r--r-- 1 coder coder 8925314 Aug 1 19:40 GitHub.copilot.vsix

3. In the Dockerfile, add instructions to make a folder and to copy thevsixfiles into the newly created folder.

   FROM codercom/enterprise-base:ubuntu# Run below commands as root userUSER root# Download and install VS Code extensions into the containerRUN mkdir -p /vsixADD ./GitHub.copilot.vsix /vsixUSER coder

4. Build the custom image, and push it to your image registry.

5. Pass in the image and below command into your templatestartup_script (besure to update the filename below):

   Startup Script

   resource "coder_agent" "main" { ... startup_script = "code-server --install-extension /vsix/GitHub.copilot.vsix"}

   Image Definition

   resource "kubernetes_deployment" "main" { spec { template { spec { container { name = "dev" image = "registry.internal/image-name:tag" } } } }}

6. Create a workspace using the template.

You will now have access to the extension in your workspace.

Installing extensions using itsvsix file at the command line

Using the workspace's terminal or the terminal available insidecode-server,you can install an extension whose files you've downloaded from a marketplace:

Installing from a marketplace at the command line

Using the workspace's terminal or the terminal available inside Code Web (codeserver), run the following to install an extension (be sure to update thesnippets with the name of the extension you want to install):

Alternatively, you can install an extension from Open VSX's public marketplace:

Using VS Code Desktop

For your local VS Code to pickup extension files in your Coder workspace,include this command in yourstartup_script, or run in manually in yourworkspace terminal: