my-crx

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

Installing

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

Developing

run the command

$ cd my-crx

$ npm run dev

Chrome Extension Developer Mode

set your Chrome browser 'Developer mode' up
click 'Load unpacked', and select my-crx/build folder

Nomal FrontEnd Developer Mode

access http://0.0.0.0:3000/
when debugging popup page, open http://0.0.0.0:3000//popup.html
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

1.1 KiB Raw Blame History