Use component generators

Dev environments usually include component generator templates. To use new templates, choose the desired env below:

React

NodeJS

Vue

Angular

React Native

NextJS

HTML

Lit

Stencil

Configure the chosen development environment Component ID in your workspace.jsonc:

// workspace.jsonc
{
  "teambit.generator/generator": {
    "envs": ["teambit.node/node"]
  }
}
Copied

Make sure the chosen env is installed by running the following command:

$bit install

Copied

Run the following command to list all the component templates available in your workspace:

$bit templates

Copied

Run the following command to generate a new component using a template:

$bit create node my-node-module

Copied

Run the following command to list all the component templates provided by an env:

$bit templates --aspect teambit.node/node

Copied

Run the following to create a new component using a template from an env:

$bit create node my-node-module --aspect teambit.node/node

Copied

A generator is not only responsible for generating the component's files, but also for creating the component's configuration, mainly, the component's env.

To override the generator's default env, use the --override flag:

$bit create node my-node-module --env teambit.react/react-env

Copied