はじめに
Vue.js を使って Chrome 拡張機能を開発できるテンプレートを探して、Kocal/vue-web-extension
を見つけたので、簡単な使い方のメモ。
追記: 続編として Vue.js を使ってメインページ側で動作する Chrome 拡張機能を開発する方法 という記事も書いた。
TL;DR
vue init kocal/vue-web-extension my-extension
で初期化npm run build
でdist
配下にリリースファイル作成npm run watch
でファイル変更を検知してビルドsrc
配下を編集して拡張機能を開発