Dev Command for Integrated Development Experience

[dlhck]

Description

Introduce a dev command (npx vendure dev) that provides an integrated development experience. This command will handle the development server, Hot Module Replacement (HMR), and Admin UI development mode compilation, ensuring a seamless development experience with minimal setup.

Motivation

• Simplifying the development workflow is essential for improving the developer experience (DX). By consolidating the development server, HMR, and Admin UI compilation into a single command, developers can focus on building and iterating faster without worrying about complex configurations or setups.
• This feature aims to deliver a "plug-and-play" experience, where running npx vendure dev will automatically take care of all necessary development tasks, allowing developers to start coding immediately.

Proposed Solution

• Develop a dev command that integrates the following:
  • Dev Server: Automatically starts the development server with necessary configurations.
  • Hot Module Replacement (HMR): Ensures that changes are reflected in real-time without needing to restart the server.
  • Admin UI Dev Mode Compilation: Handles the compilation of the Admin UI in development mode, optimizing the development experience for frontend changes.
• Ensure that this command works out-of-the-box with minimal setup required.
• Provide documentation and examples to guide developers on using the dev command effectively.

Additional Context

The primary goal is to create a developer experience that is as frictionless as possible, reducing the time and effort needed to set up and maintain a development environment.