Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/chibat/chrome-extension-typescript-starter
Chrome Extension TypeScript Starter
https://github.com/chibat/chrome-extension-typescript-starter
boilerplate chrome-extension react starter template typescript
Last synced: 4 days ago
JSON representation
Chrome Extension TypeScript Starter
- Host: GitHub
- URL: https://github.com/chibat/chrome-extension-typescript-starter
- Owner: chibat
- License: mit
- Created: 2016-11-23T13:11:41.000Z (about 8 years ago)
- Default Branch: main
- Last Pushed: 2024-09-17T21:12:09.000Z (4 months ago)
- Last Synced: 2024-12-31T17:08:26.837Z (11 days ago)
- Topics: boilerplate, chrome-extension, react, starter, template, typescript
- Language: TypeScript
- Homepage:
- Size: 932 KB
- Stars: 2,592
- Watchers: 28
- Forks: 436
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-boilerplate - Chrome Extension TypeScript Starter
- my-awesome - chibat/chrome-extension-typescript-starter - extension,react,starter,template,typescript pushed_at:2024-09 star:2.6k fork:0.4k Chrome Extension TypeScript Starter (TypeScript)
- Awesome-independent-tools - chrome-extension-typescript-starter
README
# Chrome Extension TypeScript Starter
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`