Set up your Angular 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 Angular dev environment that extends Bit's base Angular, to better control your configuration and tools.

my-scope/envs

my-angular-env-env

new

angular/

angular-env

latest

Create a Angular env

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

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

Copied

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

$bit create ng-env envs/my-angular-env --aspect bitdev.angular/angular-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