svelte-crx

a chrome extension tools built with Vite + Svelte, 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 svelte-crx

$ npm run dev

Chrome Extension Developer Mode

  1. set your Chrome browser 'Developer mode' up
  2. click 'Load unpacked', and select svelte-crx/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.


Generated by create-chrome-ext

Top categories

svelte logo

Need a Svelte website built?

Hire a professional Svelte developer today.
Loading Svelte Themes