generator-chrome-extension
Advanced tools
Maintainer: Jimmy Moon
Chrome Extension generator that creates everything you need to get started with extension development. You can choose Browser UI(Browser,Page Action, Omnibox) type and select into permissions what you need.
cd into it: mkdir my-new-chrome-extension && cd $_npm install -g generator-chrome-extensionyo chrome-extension, optionally passing an extension name: yo chrome-extension [extension-name]Need more information about Chrome Extension? Please visit Google Chrome Extension Develpment
Available generators:
Sets up a new Chrome Extension, generating all the boilerplate you need to get started.
yo chrome-extension
To test, go to: chrome://extensions, enable Developer mode and load app as an unpacked extension.
ES2015 is default option in this generator that means you can use es2015 now for developing the Chrome extensions. However, at the moment, you need to execute babel task of grunt to compile to test and run the extension on Chrome, because ES2015 is not full functionality on Chrome as yet. a source written by es2015 is located at scripts.babel and runnable sources are will be created at script after compiling by grunt
grunt babel
If you would like to have a continuous compile by babel you can use watch task
grunt watch
Debug task helps reduce your effors during development extensions. If the task detects your changes of source files, Livereload(chromereload.js) reloads your extension. If you would like to know more about Livereload and preview of Yeoman? Please see Getting started with Yeoman and generator-webapp for your understanding.
grunt debug
By default, generators compress the file that was created by building a js/css/html/resource file. You can distribute the compressed file using the Chrome Developer Dashboard to publish to the Chrome Web Store.
Run this command to build your Chrome Extension project.
grunt build
--no-babel
If you wouldn't use Babel ES2015 transpiler.
--skip-install
Skips the automatic execution of bower and npm after
scaffolding has finished.
--test-framework=[framework]
Defaults to mocha. Can be switched for
another supported testing framework like jasmine.
--compass
Add support for Compass.
WARN, Compiled files that generated by compass will be remained if your Chrome App is running on Chrome App container (with
grunt debug). You should remove or ignore that files if you don't want to commit to repo.
--all-permissions
All of permissions of chrome extension will be shown
See the contributing docs
FAQs
Scaffold out a Chrome extension
The npm package generator-chrome-extension receives a total of 41 weekly downloads. As such, generator-chrome-extension popularity was classified as not popular.
We found that generator-chrome-extension demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 11 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.
Security News
Sonar’s acquisition of Tidelift highlights a growing industry shift toward sustainable open source funding, addressing maintainer burnout and critical software dependencies.