- Clone the repo
git clone https://github.com/reZach/my-budget-connector-creator.git
- Open up Chrome
- Navigate to chrome://extensions/
- Flick on Developer mode (top right corner)
- Click Load unpacked (top left corner), select this folder that you cloned the repo into
- Enable the extension by toggling it. Click the refresh button to load the extension
- Navigate to any webpage, the extension is active all the time (for now)
- Click on an element
- View the downloaded file containing the CSS selector that was clicked on
- Make changes to the repo
- Reload the extension as in step 6 of Installation
- Notice your changes that took place
- If you need to debug the background thread, click this link