Chrome Extension TypeScript Starter

Chrome Extension, TypeScript and Visual Studio Code

Prerequisites

• node + npm (Current Version)

Option

• Visual Studio Code

Includes the following

• TypeScript
• Webpack
• Moment.js
• jQuery
• Example Code
  • Chrome Storage
  • Options Version 2
  • content script
  • count up badge number
  • background

Project Structure

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

Setup

npm install

Import as Visual Studio Code project

...

Build by watch mode

terminal

npm run build

Visual Studio Code

Run watch mode.

type Ctrl + Shift + B

Load extension to chrome

Load dist directory