Vue.js devtoolsをChromeにインストールする [ローカルファイル対応]

ローカルファイルはChrome側である設定をしないと、Vue.jsの開発ツールを利用できません。常に「Vue.js not detected」の状態となります。

[設定前]

[設定後]

インストール

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=ja

設定

Chromeの右上にあるメニューの「設定」を選択。左メニューの左下にある「拡張機能」を選択する。「Vue.js devtools」の詳細をクリックする。

「ファイルのURLへのアクセスを許可する」をオンにすればローカルファイルでもVue.js devtoolsが作動します。

• Twitter
• Facebook
• はてブ

• Pocket
• LINE

関連記事