HashiQube - DevOps Lab
Youtube Channel Medium Posts Riaan Nolan Linkedin Riaan Nolan Hashicorp Ambassador

.

VS Code Server

VS Code Server

Browser-based Visual Studio Code environment for HashiQube

🚀 About

VS Code Server provides a browser-accessible instance of Visual Studio Code running inside your HashiQube environment. This component combines the power of:

By running VS Code Server in your HashiQube environment, you can enjoy a consistent, predictable development environment with all the features of VS Code accessible directly through your web browser.

📋 Provision

Open in GitHub Codespaces

bash docker/docker.sh
bash code-server/code-server.sh
vagrant up --provision-with basetools,docsify,docker,code-server
docker compose exec hashiqube /bin/bash
bash hashiqube/basetools.sh
bash docker/docker.sh
bash docsify/docsify.sh
bash code-server/code-server.sh

🔑 Web UI Access

To access the VS Code Server interface:

If you need to retrieve the password later, you can use:

vagrant ssh -c "< ~/.config/code-server/config.yaml head -n "3" | tail -n +"3""

🔍 Key Features

  • Browser-Based Development - Access a full VS Code environment through your browser
  • Integrated Terminal - Run commands directly in your HashiQube environment
  • Extension Support - Install and use VS Code extensions
  • Consistent Environment - Work with a predictable development environment across different machines
  • File Access - Browse and edit files in your HashiQube environment
  • Git Integration - Work with Git repositories directly from the IDE

💻 Usage Tips

  1. Extensions: Install VS Code extensions directly from the Extensions view (Ctrl+Shift+X)
  2. Terminal: Open a new terminal from the menu or with Ctrl+`
  3. File Explorer: Navigate your HashiQube environment with the built-in file explorer
  4. Settings Sync: Your settings are persisted within your HashiQube environment
  5. Debugging: Use VS Code's powerful debugging capabilities directly in the browser

🔮 Future Plans

In future versions, we plan to offer multiple code-server instances with different configurations:

  • Specialized environments for different programming languages
  • Pre-installed extensions for specific use cases
  • Custom images with pre-installed libraries and tools
  • Themed environments for different types of development work

These specialized instances will allow you to quickly spin up purpose-built development environments tailored to specific tasks or technologies.

📚 Additional Resources