chrome-extension-template

A template util for creating chrome extension quickly

Usage no npm install needed!

<script type="module">
  import chromeExtensionTemplate from 'https://cdn.skypack.dev/chrome-extension-template';
</script>

README

chrome-extension-template

A template util for creating chrome extension quickly

How to use

  1. install the package
$ npm init --yes # ignore if already have package.json file
$ npm install chrome-extension-template --save-dev
$ npx chrome-extension-template

this generates a simple chrome extension app in your project directory, including:

--
  |-- package.json
  |-- webpack.config.js
  |-- src
    |-- manifest.json
    |-- background
      | index.js
    |-- options
      | index.js
      | index.html
      | index.css
    |-- popup
      | index.js
      | index.html
      | index.css
    |-- icons
      | ...
  1. build the app and then you may load the chrome extension app from ./dist into your chrome for fun
$ npm run build
  1. for local development, you could
$ npm run dev

More to come

  • able to select typical chrome extension types with rich examples
  • support more frameworks in template
    • react / vue
    • style component / SASS / LESS
  • more...