Vue Telescope Browser Extensions

Browser extensions for Vue Telescope: available on Chrome, Firefox and Edge.

Installation

• Get the Chrome Extension 🍭
• Get the Firefox Addon 🦊
• Get the Microsoft Edge Extension 🪟

Manual installation

Chrome

1. Download the extension (.zip)
2. Unzip it
3. Enter chrome://extensions in the URL bar
4. Enable the developer mode (toggle at the top right)
5. Click on “Load unpacked” button and select the unzipped directory
6. That’s it ✨ ! We recommend to pin the extension to quickly discover if a website uses Vue.js.

Firefox

1. Download the extension (.zip)
2. Enter about:debugging in the URL bar
3. Go to “This Firefox” section
4. Click on “Load Temporary Add-on” and select the zip
5. That’s it ✨!

Development

Setup

Make sure to have Yarn installed.

After cloning the repository, install the dependencies:

yarn install

Launch the project with:

yarn dev

To have a preview in Chrome, you have to go to: chrome://extensions/, then enable developer mode (toggle at top right), then click on “Load unpacked” button and select the dist directory created.

The extension will be automatically reloaded each time you make a change thanks to HMR.

Build

To build the extension you have to run:

yarn build

and then:

yarn build-zip

You will obtain a zip file inside dist-zip directory you can upload to the Chrome and Firefox webstore.

License

MIT