例を通してchromeを解析して、どのようにmac環境にvue-devtoolsプラグインをインストールしますか?
1前にwindowsの上で詰めたことがあって、最近ちょうどmac冊を交換して、再びインストールして、私のインストールの過程を記録するためです。
githubダウンロードvue-devtoolは当地に行きます。
ダウンロードアドレスhttps://github.com/vuejs/vue-devtools#vue-devtools
注意してください。ダウンロード時にデフォルトではdev分岐でマスターに切り替えて、ローカルにクローンします。

2.ダウンロードしたプロジェクトファイルをChromeブラウザのプラグインフォルダに入れます。
ブラウザのアドレスバーに入力します。chrome://version/

パスを見つけたら、上のツールバーに直接ファイルアドレスを入力してください。
3.defaultフォルダの下にExtensionsフォルダを新規作成し(既存のものは新築しなくてもいいです)、そしてダウンロードしたvue-devtool-masterフォルダをコピーして、cdはこのフォルダcd vue-devtools-masterに入ります。
4.設置依存
npm install
npm run build(これがないと誤報しますよ~)

5.アドレスバーに入力するchrome://extensionsを選択して、右側の開発者モードを開きます。
vue-devtools-master/shells/chromeフォルダを拡張プログラムページにドラッグすればいいです。
以上の手順が完了したら、コンソールにVueのタブが表示されないか、以上のvueアイコンが点灯しないか、アイコンをクリックしてvue.js not detectedが表示される場合、以下のステップが必要です。
インストールディレクトリが見つかりました

manifest.jsonファイルのpersistent:falseを修正して、persistent:trueに変更します。普通はこの時に正常に使えます。
もしまだだめなら、webpack.co.nfig.jsのコードを修正します。

developmentに修正しました。
vueプロジェクトを再実行すれば正常にデバッグできます。



以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
githubダウンロードvue-devtoolは当地に行きます。
ダウンロードアドレスhttps://github.com/vuejs/vue-devtools#vue-devtools
注意してください。ダウンロード時にデフォルトではdev分岐でマスターに切り替えて、ローカルにクローンします。

2.ダウンロードしたプロジェクトファイルをChromeブラウザのプラグインフォルダに入れます。
ブラウザのアドレスバーに入力します。chrome://version/

パスを見つけたら、上のツールバーに直接ファイルアドレスを入力してください。
3.defaultフォルダの下にExtensionsフォルダを新規作成し(既存のものは新築しなくてもいいです)、そしてダウンロードしたvue-devtool-masterフォルダをコピーして、cdはこのフォルダcd vue-devtools-masterに入ります。
4.設置依存
npm install
npm run build(これがないと誤報しますよ~)

5.アドレスバーに入力するchrome://extensionsを選択して、右側の開発者モードを開きます。
vue-devtools-master/shells/chromeフォルダを拡張プログラムページにドラッグすればいいです。
以上の手順が完了したら、コンソールにVueのタブが表示されないか、以上のvueアイコンが点灯しないか、アイコンをクリックしてvue.js not detectedが表示される場合、以下のステップが必要です。
インストールディレクトリが見つかりました

manifest.jsonファイルのpersistent:falseを修正して、persistent:trueに変更します。普通はこの時に正常に使えます。
もしまだだめなら、webpack.co.nfig.jsのコードを修正します。

developmentに修正しました。
vueプロジェクトを再実行すれば正常にデバッグできます。



以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。