Bit Angular

Documentation | Platform | Learn

Build components first.

Open infrastructure for component-driven applications to speed and scale development.

What is Bit Angular?

Bit Angular is a development environment for Bit Harmony.

How to Start?

To get started install Bit Version Manager:

npm i -g @teambit/bvm
# or
yarn global add @teambit/bvm

Install Bit:

bvm install

Create a new folder for your workspace

mkdir <workspace> && cd <workspace>

Initialize a Bit Harmony workspace and then manually configure the environment and install any peer dependencies needed.

bit init --harmony

To use the Angular environment, you first need to check what is the latest version available:

npm dist-tag ls @teambit/angular-v12

Then add the following lines in your workspace.jsonc file to apply the Angular development environment on all components in this workspace (replace x.x.x by the latest version available):

"teambit.angular/angular-v12@x.x.x": {},
"teambit.workspace/variants": {
  "*": {
    // Replace `v12` by the version of Angular that you want to use
    "teambit.angular/angular-v12@x.x.x": { }
  }
},
"teambit.generator/generator": {
  "aspects": [
    // Replace `v12` by the version of Angular that you want to use
    "teambit.angular/angular-v12"
  ]
}

Install dependencies:

bit install

Create a bit component:

bit create ng-lib ui/my-button

Start the dev server

bit start

Open-up your browser on localhost:3000, or any other available port, and display your workspace with your components.

Resources & Community

• Videos
• Conference talks
• Interviews
• Podcasts
• Live streams
• Articles
• Community

Contributing 🎗️

Contributions are always welcome, no matter how large or small. Before contributing, please read the code of conduct.

See Contributing.

License 💮

Apache License, Version 2.0