はじめに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 配下を編集して拡張機能を開発
![vue-web-extension を使って Chrome 拡張機能を開発する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/0720bc26ed00cfde5d7a86e9bbc35fedeb2cf0f5/height=288;version=1;width=512/https%3A%2F%2Fr17n.page%2F2019%2F09%2F03%2Fchrome-extension-with-vue-web-extension%2F2019-09-02-08-38-54.png)