flrent / chrome-extension-angular-base

A base project to get started creating Chrome Extensions with AngularJS, including Bootstrap, jQuery, Mocha, Chai, SinonJS, with a popup app, content scripts, and a background page.

A Chrome Extension base project with AngularJS

This is a scaffolding project to help you get started. This includes :

• AngularJS Popup App scripts/app/
• Bootstrap JS and CSS
• jQuery / Underscore.js
• Mochai/Chai/SinonJS for testing contentscripts
• Grunt and Bower

See some slides about creating chrome extensions here

Get Started

• Clone this repo
• Run npm install and bower install
• Go to chrome://extensions/
• Activate developer mode
• Click on load an unpacked extension and locate your cloned repo, and select the app folder

Build and deploy

The build manifest.json file is manifest-build.json. It differs from the regular manifest.json to use only built files (single files for the all popup app, content scripts or background pages).

To build the app and get a single scripts for each popup app, content script, or background page, simpy run :

grunt build

Versions

• 0.1 May 2014 First version released

License

Florent Lamoureux @flrent
Licensed under the MIT license.
Copyright (c) 2014 - BugBuster SA