Yado_tech

旅館+ITとはなんぞ

generator-web-extension使ってみよう。

なぜ?

いきなりQiita

qiita.com

とあったのでgithubページ見に行くとなんかdeprecatedなページを見た気がしたので。(気のせいでした)

どうやらgenerator-chrome-extension-kickstartと勘違いしたらしい。

でもchromeではなくFirefox派なのでgenerator-web-extensionを使ってみようと思う。

インストール

npm install -g yo generator-web-extension

使い方

最初に

ディレクトリを作り、そこでターミナルを開いてコマンドを打つ

mkdir myfirstextension

cd myfirstextension

yo generator-web-extension

すると会話形式でScafoldingが始まった。適当にポチポチしていくとひな形が作成される

f:id:devilmakelie:20180426130149j:plain

どうやらこれで開発するとnodeのモジュールなどが使えるようだ。

ホットリロード

コマンドはnpm run dev firefox

これで./dist/firefox/フォルダが出現する。

これをabout:debugging内の

f:id:devilmakelie:20180426130637j:plain

一時的なアドオンを読み込めば

f:id:devilmakelie:20180426130656j:plain

あとは勝手にホットリロードされる。