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

default
my-scope/envs
my-vue-env
new

Create a Vue env

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

$bit
Copiedcopy

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

$bit
Copiedcopy

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"]
  }
}
CopiedCopy

Learn more