Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mefengl/a-day-with-ai
https://github.com/mefengl/a-day-with-ai
Last synced: 10 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/mefengl/a-day-with-ai
- Owner: mefengl
- License: mit
- Created: 2023-03-05T06:58:31.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-07-18T02:29:09.000Z (over 1 year ago)
- Last Synced: 2024-10-30T10:15:30.584Z (about 2 months ago)
- Language: TypeScript
- Size: 4.88 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
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`