ランキングに戻る
chibat/chrome-extension-typescript-starter
TypeScriptChrome Extension TypeScript Starter
chrome-extensiontypescriptboilerplatestartertemplatereact
主要指標
スター成長
スター
2.8k
フォーク
463
週間成長
—
Issue
8
1k2k
2017年1月2018年8月2020年3月2021年10月2023年5月2024年12月2026年7月
成果物npm
npm install chrome-extension-typescript-starterREADME
Chrome Extension TypeScript Starter
Chrome Extension, TypeScript and Visual Studio Code
Prerequisites
- node + npm (Current Version)
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
関連リポジトリ