Need help with vue-chrome-extension-template?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

566 Stars 97 Forks MIT License 27 Commits 26 Opened issues


vue chrome extension template

Services available


Need anything else?

Contributors list

# 117,893
Chrome ...
25 commits
# 293,238
1 commit

Vue.js Chrome Extension Template (wcer)

Template for quick creation of Chrome extension on Vuejs c hot reloading when developing.

Vue.js Chrome Extension Template images


This boilerplate was built as a template for vue-cli and includes options to customize your final scaffolded app. ``` bash

install vue-cli

$ npm install -g vue-cli

create a new project using the template

$ vue init YuraDev/vue-chrome-extension-template my-project

install dependencies and go!

$ cd my-project $ npm install # or yarn $ npm run dev # or yarn dev ```


  • backend: Background work of your scripts
  • content Run in the context of web pages
  • devtools - It can add new UI panels and sidebars, interact with the inspected page, get information about network requests, and more.
  • options - To allow users to customize the behavior of your extension, you may wish to provide an options page.
  • popup - The page (window) that will be displayed when the icon is clicked
  • tab - Your application will work in a separate tab
  • ext - Shared scripts
  • manifest.js - Descriptions of the application, its rights and possibilities

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.