Set up your Harmony environment

The Bit development environment provides your components with the dev tooling and configuration required to run, build and test your components.

You can create a custom Harmony dev environment that extends Bit's base Harmony, to better control your configuration and tools.

my-scope/envs

my-harmony-env-env

new

harmony/

harmony-env

latest

Create a Harmony env

Generate your first Harmony env component. containing a custom env with the following command. If you already have a workspace you can skip this step.

$bit new harmony my-workspace --env bitdev.harmony/harmony-env --default-scope my-org.my-scope

Copied

In an existing workspace use the following command to create a custom Harmony:

$bit create harmony-env envs/my-harmony-env --aspect bitdev.harmony/harmony-env

Copied

Add your env generators

The new custom env contains templates for new components, inherited from Bit's base react env. Add them to your workspace by adding this snippet to workspace.jsonc (replace with your env's full component name).

{
  "teambit.generator/generator": {
    "envs": ["my-org.my-scope/my-custom-env"]
  }
}
Copied