Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

chibat/chrome-extension-typescript-starter

Open more actions menu

Repository files navigation

Chrome Extension TypeScript Starter

build

Chrome Extension, TypeScript and Visual Studio Code

Prerequisites

Option

Includes the following

  • TypeScript
  • Webpack
  • React
  • Jest
  • Example Code
    • Chrome Storage
    • Options Version 2
    • content script
    • count up badge number
    • background

Project Structure

  • src/typescript: TypeScript source files
  • src/assets: static files
  • dist: Chrome Extension directory
  • dist/js: Generated JavaScript files

Setup

npm install

Import as Visual Studio Code project

...

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

npx jest or npm run test

Morty Proxy This is a proxified and sanitized view of the page, visit original site.