noah/webclip
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions
No description
1 commit 1 branch 0 tags 86 KiB
  • TypeScript 65.4%
  • JavaScript 26.8%
  • HTML 7.8%
Find a file
Exact
Noah Kamara 65dc1172d5
 Initial commit
2023-11-04 00:36:51 +01:00
.github/workflows Initial commit 2023-11-04 00:36:51 +01:00
.vscode Initial commit 2023-11-04 00:36:51 +01:00
public Initial commit 2023-11-04 00:36:51 +01:00
src Initial commit 2023-11-04 00:36:51 +01:00
webpack Initial commit 2023-11-04 00:36:51 +01:00
.gitignore Initial commit 2023-11-04 00:36:51 +01:00
jest.config.js Initial commit 2023-11-04 00:36:51 +01:00
LICENSE Initial commit 2023-11-04 00:36:51 +01:00
package-lock.json Initial commit 2023-11-04 00:36:51 +01:00
package.json Initial commit 2023-11-04 00:36:51 +01:00
README.md Initial commit 2023-11-04 00:36:51 +01:00
tsconfig.json Initial commit 2023-11-04 00:36:51 +01:00
tsconfig.test.json Initial commit 2023-11-04 00:36:51 +01:00

README.md

Chrome Extension TypeScript Starter

build

Chrome Extension, TypeScript and Visual Studio Code

Prerequisites

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