Chrome Extension TypeScript Starter

Chrome Extension, TypeScript and Visual Studio Code

Prerequisites

• node + yarn (Current Version)

Option

• Visual Studio Code

Includes the following

• TypeScript
• Webpack
• ESLint

Project Structure

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

Setup

yarn

Import as Visual Studio Code project

...

Build

yarn build

Build in dev mode

terminal

yarn dev

Visual Studio Code

Run dev mode.

type Ctrl + Shift + B

Load extension to chrome

Load dist directory

React Version

see React version