Extensions workshop 2022

Supported browsers

• Chrome
• Firefox

Setup

Requirements

• Node v12.20.2 (recommended to use nvm)
• NPM v7.6.1

Steps

1. Clone the repo
2. Run npm install
3. Develop!

Developing

Chrome

1. Run npm run start
2. Go to chrome extensions
3. Hit the Load unpacked button and select the dev-dist folder
4. Enjoy hot-reloading :)

Firefox

1. Run npm run start
2. Go to add-ons debuggings
3. Hit the Load temporary Add-on button and select the dev-dist/manifest.json file
4. Enjoy hot-reloading :)

Sharing

Chrome

1. Download zip
2. Unzip downloaded zip file
3. Go to chrome://extensions/
4. Click on Load unpacked
5. Select the folder that got created when the file got unziped
6. Have fun!

Firefox

1. Download zip
2. Go to about:addons
3. Click the gear icon and select Debug Add-ons
4. Click on Load temoprary Add-on
5. Select the downloaded zip file
6. Have fun!