All Projects → YuraDev → Vue Chrome Extension Template

YuraDev / Vue Chrome Extension Template

Licence: mit
vue chrome extension template

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vue Chrome Extension Template

Crx Hotreload
Chrome Extension Hot Reloader
Stars: ✭ 545 (+2.44%)
Mutual labels:  hot-reloading, chrome-extension
Hls Downloader Web Extension
Web Extension for sniffing and downloading HTTP Live streams (HLS)
Stars: ✭ 510 (-4.14%)
Mutual labels:  chrome-extension
Qzoneexport
QQ空间导出助手,用于备份QQ空间的说说、日志、私密日记、相册、视频、留言板、QQ好友、收藏夹、分享、最近访客为文件,便于迁移与保存
Stars: ✭ 456 (-14.29%)
Mutual labels:  chrome-extension
Markdown Viewer
Markdown Viewer / Browser Extension
Stars: ✭ 497 (-6.58%)
Mutual labels:  chrome-extension
Darkness
Dark Themes for Popular Websites
Stars: ✭ 467 (-12.22%)
Mutual labels:  chrome-extension
Search By Image
Browser extension for reverse image search, available for Edge, Chrome and Firefox
Stars: ✭ 500 (-6.02%)
Mutual labels:  chrome-extension
Runet Censorship Bypass
Chromium extension for bypassing censorship in Russia
Stars: ✭ 444 (-16.54%)
Mutual labels:  chrome-extension
Jizhi
A Chrome/Firefox extension with custom new tab page featuring Chinese poems and P5.js enabled noise waves in traditional Chinese colors
Stars: ✭ 517 (-2.82%)
Mutual labels:  chrome-extension
React Typescript Web Extension Starter
🖥 A Web Extension starter kit built with React, TypeScript, SCSS, Storybook, Jest, EsLint, Prettier, Webpack and Bootstrap. Supports Google Chrome + Mozilla Firefox + Brave Browser 🔥
Stars: ✭ 510 (-4.14%)
Mutual labels:  chrome-extension
Refined Hacker News
✨ Hacker News, but refined — Interface tweaks and features to make the HN experience better
Stars: ✭ 498 (-6.39%)
Mutual labels:  chrome-extension
Chameleon
Browser fingerprinting protection for everybody.
Stars: ✭ 489 (-8.08%)
Mutual labels:  chrome-extension
Tabbie
A material, customizable, and hackable new tab extension
Stars: ✭ 473 (-11.09%)
Mutual labels:  chrome-extension
Vue Perf Devtool
Vue Performance Devtool is a browser extension for inspecting the performance of Vue Components.
Stars: ✭ 510 (-4.14%)
Mutual labels:  chrome-extension
Tracy
A tool designed to assist with finding all sinks and sources of a web application and display these results in a digestible manner.
Stars: ✭ 464 (-12.78%)
Mutual labels:  chrome-extension
Github Dashboard
[Web extension] Filter events on github.com activity dashboard.
Stars: ✭ 509 (-4.32%)
Mutual labels:  chrome-extension
Tusk
🐘 🔒 KeePass-compatible browser extension for filling passwords.
Stars: ✭ 452 (-15.04%)
Mutual labels:  chrome-extension
Mitaka
A browser extension for OSINT search
Stars: ✭ 483 (-9.21%)
Mutual labels:  chrome-extension
Chromeigstory
Chrome extension that lets you view your friend's Instagram Stories in the browser.
Stars: ✭ 502 (-5.64%)
Mutual labels:  chrome-extension
Fontawesome Iconpicker
Font Awesome Icon Picker component for Bootstrap.
Stars: ✭ 519 (-2.44%)
Mutual labels:  chrome-extension
Mediumship
📚 Read all Medium stories for free!
Stars: ✭ 513 (-3.57%)
Mutual labels:  chrome-extension

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].