You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
6 months ago | |
|---|---|---|
| public | 6 months ago | |
| src | 6 months ago | |
| .editorconfig | 6 months ago | |
| .gitignore | 6 months ago | |
| .npmignore | 6 months ago | |
| .prettierignore | 6 months ago | |
| .prettierrc | 6 months ago | |
| CHANGELOG.md | 6 months ago | |
| LICENSE | 6 months ago | |
| README.md | 6 months ago | |
| build.crx | 6 months ago | |
| build.pem | 6 months ago | |
| devtools.html | 6 months ago | |
| download.html | 6 months ago | |
| globalConfig.ts | 6 months ago | |
| my-crx.iml | 6 months ago | |
| newtab.html | 6 months ago | |
| options.html | 6 months ago | |
| package-lock.json | 6 months ago | |
| package.json | 6 months ago | |
| popup.html | 6 months ago | |
| sidepanel.html | 6 months ago | |
| tsconfig.json | 6 months ago | |
| tsconfig.node.json | 6 months ago | |
| version.json | 6 months ago | |
| vite.config.ts | 6 months ago | |
README.md
my-crx
a chrome extension tools built with Vite + Vue, and Manifest v3
Installing
- Check if your
Node.jsversion is >= 14. - Change or configurate the name of your extension on
src/manifest. - Run
npm installto 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/buildfolder
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