ホーム > カテゴリ > HTML5・JavaScript >

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が作動します。





関連記事


前の記事：React・Vue.js・JQueryで同じSPAを作成して比較してみた
次の記事：Bootstrapのカード型(card-columns、card-group、card-deck、card)だけを使用する [抽出]

公開日：2020年06月21日
記事NO：02832