https://github.com/gokatz/baby-chrome
Get your scaffolded chrome extension project. No more copy-paste!
https://github.com/gokatz/baby-chrome
adddon boilerplate chrome chrome-extension extensions scaffolding
Last synced: 23 days ago
JSON representation
Get your scaffolded chrome extension project. No more copy-paste!
- Host: GitHub
- URL: https://github.com/gokatz/baby-chrome
- Owner: gokatz
- License: mit
- Created: 2017-06-18T13:00:40.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-10-02T15:09:35.000Z (over 6 years ago)
- Last Synced: 2024-10-03T09:21:16.682Z (8 months ago)
- Topics: adddon, boilerplate, chrome, chrome-extension, extensions, scaffolding
- Language: JavaScript
- Size: 79.1 KB
- Stars: 13
- Watchers: 1
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# baby-chrome 👶
While creating a chrome extension, I usually copy-paste commonly used files such as manifest files, Bootstrap, jQuery from an old project. I hope many fellow devs would have done this 😉. No more copy-paste!. Just do `baby-chrome `, get your Chrome extension project scaffolded!
# Installation 🏄
yes, you are right... `npm install baby-chrome -g`
# Usage 🏹
`baby-chrome `
For Instance, `baby-chrome space-shuttle`
On this command, you will be presented with a checkbox menu to choose the nature of your chrome extension such as, will the extension need to run on background, do you need jquery etc.,
Choose the appropriate options and click enter. That's it, start working on your extension right away!
# Dev Setup 💻
Once the project folder is generated,
* Open Google Chrome and navigate to **chrome://extensions/**
* Click on the button saying '**Load unpacked extension**'
* Choose the generated extension project and Click 'OK'. On clicking 'OK', extension will be loaded
* Ensure that the 'Enable' checkbox is checked
* At this moment, you should see an extension icon left to the address bar. Click on the icon to open the extension
**NOTE:** If you edit any extension's background or content file, click on the 'Reload' link (cmd+R / cntrl+R) to get the changes. Popup file will get updated automatically on reopening the extension.
# Contribution 👨👧👦
Need more Automation? Let's work together to get that done 😉