Skip to main content

Setup the Project

To streamline project setup we're going to use the hello world tutorial as a base.

Either complete that project or download the source code from GitHub.

Rename the project to folder initiative-tracker and open the folder in a code editor.

Edit the Manifest​

To change how our extension looks in Owlbear Rodeo edit the manifest in the public folder.

public/manifest.json
{
  "name": "Initiative Tracker",
  "version": "1.0.0",
  "manifest_version": 1,
  "action": {
    "title": "Initiative Tracker",
    "icon": "/icon.svg",
    "popover": "/",
    "height": 600,
    "width": 400
  }
}

Run the Project​

To run the project open a terminal and run:

$ npm install
$ npm run dev

Now install your extension in Owlbear Rodeo by following these steps.