95f5fdd3ea9ad7b5569d957d1b2e1be345cdb285
Goon Plugin
Chrome extension scaffold (Manifest V3).
Getting started
# 1. Install deps
npm i
# 2. Run in watch mode
npm run dev
# 3. Build for distribution
npm run build
Loading in Chrome
- Open
chrome://extensions/ - Enable Developer mode (top-right)
- Click Load unpacked → select the
dist/folder
Project structure
manifest.json — Extension manifest (MV3)
package.json — Dev tooling (Vite + Vitest + TS)
vite.config.ts — Build config
src/
background/ — Service worker (MV3 background)
popup/ — Popup UI (HTML + CSS + JS)
content/ — Content script
icons/ — Extension icons (place .png files here)
Recommended extensions (VS Code)
- Chrome Extension Developer (extension-list-viewer)
- ESLint
- Prettier
VS Code workspace
Open goon_plugin.code-workspace to get the project with recommended extensions pre-installed.
Languages
JavaScript
68%
CSS
14%
TypeScript
10.4%
HTML
5.5%
Dockerfile
2.1%