VS Code Server

The integrated VS Code in RoqueOS is a full IDE running directly in the browser, powered by code-server. It shares the same filesystem as the Terminal and File Manager, enabling a seamless development experience without installing anything on your device.

---

Highlights

📁

Shared Filesystem

Same files visible in Finder, Terminal and VS Code.

🧩

Extensions

Install marketplace extensions for any language.

⬛

Integrated Terminal

Bash terminal inside VS Code with access to the Ubuntu environment.

💾

Docker Volumes

Edit files from your local HD mapped as a volume.

---

How It Works

VS Code runs inside the server's Ubuntu container, sharing the filesystem with the Terminal and File Manager:

---

Getting Started

1. Make sure you're connected to your RoqueOS Server
2. Open VS Code from the Launchpad
3. Use File → Open Folder to navigate to your files:
   • /home/user/ — User folder in the Ubuntu container
   • /app/disks/Projects — Projects disk mapped from host (if configured)
   • /app/disks/ — Root of all mapped Docker volumes

---

Shared Filesystem with the Finder

💡 Key concept: Everything in the Ubuntu container filesystem is visible in VS Code, the File Manager and the Terminal.

Typical workflow:

1. Upload files via the Finder (drag and drop)
2. Edit code in VS Code with syntax highlighting and IntelliSense
3. Run in VS Code's integrated terminal or the RoqueOS Terminal app
4. Browse results in the Finder

Practical example:

Map your projects folder:

volumes:
  - /home/user/Projects:/app/disks/Projects

Now:

• In the Finder: you see Projects as a disk in the sidebar
• In VS Code: open /app/disks/Projects and edit with IntelliSense
• In the Terminal: navigate with cd /app/disks/Projects && ls

Everything is the same directory — changes are instant across all apps.

---

Extensions

Install extensions from the Open VSX marketplace:

1. Click the Extensions icon in the left sidebar (or Ctrl+Shift+X)
2. Search for the desired extension
3. Click Install

Recommended Extensions

Extension	Purpose
Python	IntelliSense, linting and debug for Python
ESLint	Linting for JavaScript/TypeScript
Prettier	Automatic code formatting
GitLens	Advanced Git history visualization
Docker	Syntax for Dockerfiles and Compose
Live Server	Real-time HTML/CSS preview

---

Tips

QUICK TIPS

• Use Ctrl+P for quick file search
• Use Ctrl+Shift+P for the command palette
• VS Code persists settings and extensions between server restarts
• For large projects, open the project folder directly instead of the root
• Use the integrated terminal to install dependencies (npm install, pip install, etc.)

NOTE

VS Code runs on the server, not your local device. Performance depends on the server's RAM and CPU. For servers with less than 4 GB of RAM, VS Code may be slow with large projects.