Chrome extension template repo written in Typescript and React.

Table of contents:

• Prerequisites
• Option
• Includes the following
• Project Structure
• Setup
• Open in Visual Studio Code
• Build
• Build in watch mode
  • terminal
  • Visual Studio Code
• Load extension to chrome
• Test

Prerequisites

• node + npm (Current Version)

Option

• Visual Studio Code

Includes the following

• TypeScript
• Webpack
• React
• Jest
• Code
  • Chrome Storage
  • Badge number
  • Background script

Project Structure

Folder	Description
src/	TypeScript source files
public/	static files
dist	Chrome Extension directory
dist/js	Generated JavaScript files

Setup

npm install

Build

npm run build

Build in watch mode

terminal

npm run watch

Visual Studio Code

Run watch mode.

type Ctrl + Shift + B

Load extension to chrome

Load dist directory.

Test

Run npx jest or npm run test.