Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/stefanvd/browser-extension-starter-template
Chrome extension template - For Beginners with the necessary dev function
https://github.com/stefanvd/browser-extension-starter-template
chrome-extension chrome-extensions development google-chrome google-chrome-extension manifest-v3 starter-kit starter-template
Last synced: 4 months ago
JSON representation
Chrome extension template - For Beginners with the necessary dev function
- Host: GitHub
- URL: https://github.com/stefanvd/browser-extension-starter-template
- Owner: stefanvd
- License: gpl-2.0
- Created: 2022-10-01T21:11:57.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-10-07T16:49:04.000Z (over 2 years ago)
- Last Synced: 2024-09-30T17:02:14.784Z (4 months ago)
- Topics: chrome-extension, chrome-extensions, development, google-chrome, google-chrome-extension, manifest-v3, starter-kit, starter-template
- Language: JavaScript
- Homepage:
- Size: 45.9 KB
- Stars: 18
- Watchers: 1
- Forks: 10
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# browser-extension-starter-template
Chrome extension template - For Beginners with the necessary dev function
For Google Chrome web browser
and for other browsers such as
Google Chrome, Firefox, Opera, Safari, Maxthon, Yandex, Brave, Vivaldi, Cốc Cốc, Microsoft Edge, and Naver Whale.
## For who?
This is the starter template for new developers, fresh developers that want to get started with building an amazing web experience in their web browser. This template includes all the basics you need with a concisely writing tool and dark mode support. And easy export function to upload it to the web store.
## What I need to learn?
+ You need to learn only the vanila JavaScript
+ CSS
+ HTML
+ JSON
# Template
+ Manifest V3 support
+ Support for Dark Mode and Light Mode
+ Options page
Support for Windows and Mac
# Development
+ Use ESLint
+ Use less external dev library
+ One command to package the zip file for the Chrome Web Store
# How to get started?
1. Open Terminal (on Mac) and Prompt (on Windows)
2. Type `git clone`, and then paste the URL you copied earlier.
```
git clone https://github.com/stefanvd/browser-extension-starter-template
```
3. Press `Enter` to create your local clone.
# Packaging
Run `npm run dist` to create a zipped, production-ready extension for each browser. You can then upload that to the web store.
This template is used for the most popular [Turn Off the Lights browser extension](https://github.com/turnoffthelights/Turn-Off-the-Lights-Chrome-extension). Turn Off the Lights is a free and Open-Source browser extension. https://www.turnoffthelights.com