/litcoder-filter-extension

litcoder ❤️‍🔥🔥 doesn't have a filter option 😱😱

Primary LanguageTypeScriptMIT LicenseMIT

litcoder-filter

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

img

Install from release

Download here and unpack it.

Then install the extension using the following steps:

  1. Start Chrome.
  2. Open the Extension Management page by navigating to chrome://extensions.
  3. Enable Developer Mode by clicking the toggle switch next to Developer mode.
  4. Click the Load unpacked and select the unpacked directory

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 litcoder-filter

$ npm run dev

Chrome Extension Developer Mode

  1. set your Chrome browser 'Developer mode' up
  2. click 'Load unpacked', and select litcoder-filter/build folder

Nomal FrontEnd Developer Mode

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

Packing

After the development of your extension run the command

$ npm run 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.


Generated by create-chrome-ext