Awesome Open Source
Awesome Open Source


Netlify Status

⚠️ This README is for the master version of the preset. If you use the v1 of this boilerplate with Vue-CLI 2 support, please see v1 branch.

This Vue CLI preset allows you to quickly start a web extension containing:



The documentation can be found on Please check the documentation website and the open and closed issues, before raising a new issue.


$ vue create --preset kocal/vue-web-extension my-extension
$ cd my-extension
$ npm run build

npm run build

Build the extension into dist folder for production.

A zip file is also built and is located in artifacts directory.

npm run serve

Build the extension for development and watch over file changes.

It also automatically reload your extension into your browsers, thanks to webpack-extension-reloader plugin.



Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,535,235
Vue (83,069
Webpack (9,737
Eslint (3,696
Babel (3,256
Vuex (3,166
Vue Router (2,196
Prettier (1,532
Webextension (1,046
Related Projects