devcontainers-demo

This is a repository demonstrating devcontainer based development with Vue 3 and Vite. It has been bootstrapped by following Vue's Quick Start page, with the following modifications:

• Devcontainer configuration in .devcontainer subdirectory. For more information about devcontainers, see Developing inside a Container.
• A custom Dockerfile. Another option is to use pre-built devcontainer images.
• The local profile directory is persisted between container rebuilds. Handy with e.g. Claude Code!
• Local Chromium installed inside the container for end-to-end testing.
• .npmrc file that disables install scripts with ignore-scripts=true.

Recommended Development Environment Setup

• Docker Desktop
• VSCode
• Dev Containers extension

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Playwright

# Runs the end-to-end tests
npm run test:e2e
# Runs the tests of a specific file
npm run test:e2e -- tests/example.spec.ts

Lint with ESLint

npm run lint