Skip to content

leonardobenedet/vue-chrome-extension-template

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Installation:

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

# 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

Structure

  • 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

About

vue chrome extension template

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 87.6%
  • Vue 9.7%
  • HTML 2.7%