https://github.com/gregstarr/urban-octo-adventure

https://github.com/gregstarr/urban-octo-adventure

Last synced: about 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/gregstarr/urban-octo-adventure
• Owner: gregstarr
• License: mit
• Created: 2023-07-21T00:18:24.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-07-21T00:18:26.000Z (almost 3 years ago)
• Last Synced: 2025-02-05T13:53:06.500Z (over 1 year ago)
• Language: TypeScript
• Size: 49.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Chrome Extension TypeScript Starter

![build](https://github.com/chibat/chrome-extension-typescript-starter/workflows/build/badge.svg)

Chrome Extension, TypeScript and Visual Studio Code

## Prerequisites

* [node + npm](https://nodejs.org/) (Current Version)

## Option

* [Visual Studio Code](https://code.visualstudio.com/)

## 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`