Chrome Extension Boilerplate

Chrome Extension Boilerplate with Manifest-v3, React, Typescript and Vite.

demo.mov

• Todo: create, read, remove todo list using chrome.storage.sync.get, chrome.storage.sync.set
• Clock: display now time(new Date().toLocaleTimeString())

Stack

• yarn 4.2.2
• React
• TypeScript
• Vite
• Emotion
• eslint
• prettier
• manifest-v3

Dev

Dependency

yarn install

dev

yarn dev

build

yarn build

lint, pritter, tsc

yarn lint
yarn format
yarn tsc

run all lint (eslint, prettier, tsc)

yarn check

product

yarn build

1. open chrome://extensions/
2. click load unpacked
3. select dist folder