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.

my-scope/envs

my-vue-env-env

new

vue/

vue-env

latest

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 new vue my-workspace --env bitdev.vue/vue-env --default-scope my-org.my-scope

Copied

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

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