Chrome Extension Starter Template

This is a starter template for building a Chrome Extension. It includes a basic manifest file and a popup page.

Prerequisites

• Node.js
• NPM

Includes the following

• Vite
• React
• Typescript
• Vitest
• Example Code
  • Storage
  • content script
  • background script
  • popup page
  • options page

Getting Started

1. Use this template to create a new repository
2. Use Vscode to open the project
3. setup the project

    pnpm install

Build

pnpm build

Watch

pnpm run watch

Load extension to Chrome

1. Open the Extension Management page by navigating to chrome://extensions.
2. Load dist directory

Test

some test files in /src/background/test directory, you can write your owner tests.

pnpm test