How to Dev Containerify a Project
Quick and dirty guide for adding
.devcontainer support to a new project. See also joshbuker/dev-containers for example configurations.
NOTE: If opening a project with an existing devcontainer config, click the green button in the bottom left, and reopen in container.
- Install Docker
- Install Visual Studio Code
- Install Dev Containers Extension
- Open Project Folder
- Open Command Palette
Ctrl+Shift+P(if it’s stubborn, run it a couple times until it shows the commands)
- Reopen in Container, either from pop up or from command palette
- If you modify the dev container config, rebuild the container for the changes to take effect3
- You may need to update the
postCreateCommanddepending on the project. See joshbuker/dev-containers for examples.
- Bang presto, you’re good to go
For Quasar and other Vue derivatives, there’s a Vue template that works. Similarly, for other projects you may need the higher level template and customize as needed. ↩
After choosing the Vue template, add the Quasar CLI (via npm) additional feature ↩
It is important to wait for the dev container to fully start. Demons will invade your computer if you don’t. If it takes too long, double check your RAM usage. ↩