hwangdev97 / vite-vue-chrome-extension-example

Basic example how to create a Chrome Extension using Vite + Vue

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

repository-banner.png

Vite + Vue Chrome Extension Example

Repo for the video Create a Chrome Extension with Vite + Vue

Build Setup

# install dependencies
$ yarn

# build in dev mode
$ yarn dev

# build for production 
$ yarn build

Testing locally on Chrome

In order to test the package holding the extension in Chrome we need to:

  1. Go to chrome://extensions/ page.
  2. Toggle Developer mode ON.
  3. Select Load Unpacked.
  4. Select the /dist directory.

About

Basic example how to create a Chrome Extension using Vite + Vue


Languages

Language:JavaScript 64.0%Language:Vue 24.6%Language:HTML 9.7%Language:CSS 1.7%