linear-time-in-status

a chrome extension tools built with Vite + React, and Manifest v3

Installing

1. Check if your Node.js version is >= 14.
2. Change or configurate the name of your extension on src/manifest.
3. Run npm install to install the dependencies.

Developing

run the command

$ cd linear-time-in-status

$ npm run dev

Chrome Extension Developer Mode

1. set your Chrome browser 'Developer mode' up
2. click 'Load unpacked', and select linear-time-in-status/build folder

Nomal FrontEnd Developer Mode

1. access http://localhost:3000/
2. when debugging popup page, open /popup.html
3. when debugging options page, open /options.html

Packing

After the development of your extension run the command

$ npm build

Now, the content of build folder will be the extension ready to be submitted to the Chrome Web Store. Just take a look at the official guide to more infos about publishing.

Add to Chrome

If you just want to use the extension install the dependencies, run npx build and then select the build folder from within Chrome. Add the API key in the options page and you're good to go!

CleanShot.2023-08-15.at.16.00.07.mp4

---

Generated by create-chrome-ext