46 lines
1015 B
Markdown
46 lines
1015 B
Markdown
# Goon Plugin
|
|
|
|
Chrome extension scaffold (Manifest V3).
|
|
|
|
## Getting started
|
|
|
|
```bash
|
|
# 1. Install deps
|
|
npm i
|
|
|
|
# 2. Run in watch mode
|
|
npm run dev
|
|
|
|
# 3. Build for distribution
|
|
npm run build
|
|
```
|
|
|
|
## Loading in Chrome
|
|
|
|
1. Open `chrome://extensions/`
|
|
2. Enable **Developer mode** (top-right)
|
|
3. Click **Load unpacked** → select the project root folder (where `manifest.json` is located)
|
|
|
|
## 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.
|