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 (67,431
vue (3,934
webpack (1,106
vuex (403
babel (336
vue-router (275
eslint (239
prettier (100
web-extension (27

Find Open Source By Browsing 7,000 Topics Across 59 Categories