# Build

After downloaded/cloned Dashboard-Plugin, open the project in your favourite terminal.

![Navigate to Dashboard-Plugin project](https://2209870672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbTKPOIEi2LNGOi0-yz%2F-LbTOISvvj5WE19ezkMP%2F-LbTTA5p8z7kenchTcSb%2FScreenshot%202019-04-02%20at%2016.28.50.png?alt=media\&token=8d891d55-d5d9-4f06-93cc-e671678d279b)

{% hint style="info" %}
You can install and build your Dashboard-Plugin with either npm || yarn
{% endhint %}

{% hint style="info" %}
In this example i am using macOS and yarn to build my first plugin.
{% endhint %}

### Install

{% tabs %}
{% tab title="NPM" %}

```
$ npm install
```

{% endtab %}

{% tab title="YARN" %}

```
$ yarn
```

{% endtab %}
{% endtabs %}

![Install all required dependencies](https://2209870672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbTKPOIEi2LNGOi0-yz%2F-LbTOISvvj5WE19ezkMP%2F-LbTUG8r4DNsUpodiJOe%2FScreenshot%202019-04-02%20at%2016.30.24.png?alt=media\&token=1967444d-e671-400a-ba2b-c5c1db3ac63f)

### Build

{% tabs %}
{% tab title="NPM" %}

```
$ npm run start
```

{% endtab %}

{% tab title="YARN" %}

```
$ yarn start
```

{% endtab %}
{% endtabs %}

{% hint style="info" %}
When you build your plugin for the first time, Dashboard-Plugin will ask you to enter your plugin information to build your plugin manifest.json

* Name
* Bundle
  {% endhint %}

![Build Dashboard-Plugin for the first time](https://2209870672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbTKPOIEi2LNGOi0-yz%2F-LbTOISvvj5WE19ezkMP%2F-LbTV9itPqejiDFZe_3a%2FScreenshot%202019-04-02%20at%2016.41.30.png?alt=media\&token=828078b1-198b-4a0a-9b41-d0c6ee4c584a)

After that Dashboard-Plugin will start a server to serve your plugin files and then webpack will build and start watching your plugin code.

![](https://2209870672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LbTKPOIEi2LNGOi0-yz%2F-LbTOISvvj5WE19ezkMP%2F-LbTVvpd1i3j633dTl8S%2FScreenshot%202019-04-02%20at%2016.32.46.png?alt=media\&token=714c36eb-5756-4a94-a02a-8fcc94ac3bd3)