Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/web-ext-labs/ui-tool

UI for create-web-ext
https://github.com/web-ext-labs/ui-tool

boilerplate chrome-extension firefox-addon javascript webextensions

Last synced: about 2 months ago
JSON representation

UI for create-web-ext

Awesome Lists containing this project

README

        

# `webext.eu`

[Webext.eu](https://www.webext.eu) is a scaffolding UI tool for browser extensions. It lets you to input and select few parameters and outputs a complete boilerplate browser extension project. This folder will contain all the required folders and files to get started with the extension.

## Development commands

Here are some commands you can run:

| Command | Description |
| --- | --- |
| yarn build | Build the website. |
| yarn go | Start the local server at [http://localhost:8000/public](http://localhost:8000/public). |

##### Structure
Following folder structure will be genearted, zipped and downloaded:

```text
myAddon
   ├── background_script.js
   ├── browserAction
   │   ├── index.html
   │   ├── script.js
   │   └── style.css
   ├── content_script.js
   ├── icons
   │   └── icon.png
   ├── manifest.json
   ├── options
   │   ├── index.html
   │   ├── script.js
   │   └── style.css
   └── pageAction
   ├── index.html
   ├── script.js
   └── style.css
```

Why does this exist?
--------------------
Because we got super tired creating the file and folders for every new extension over and over again. #lazyDevs

Are you a terminal geek?
--------------------
For you , we have npm package, you can check it out [`here`](https://www.npmjs.com/package/create-web-ext)

Want to contribute?
--------------------
If you have suggestions please [`file an issue`](https://github.com/web-ext-labs/ui-tool/issues/new)