Vue.js devtools V5.1.1

Selepas memuat turun fail crx devtools Vue.js, buka halaman sambungan Chrome (chrome://extensions/ atau tekan ikon menu Chrome > Lagi Alat > Pencari Sambungan), kemudian seret dan lepaskan fail crx ke halaman sambungan untuk memasangnya ;
4. Klik "Tambah Sambungan" untuk melengkapkan pemasangan.

5. Pemalam devtool Vue.js tidak boleh digunakan selepas pemasangan, dan gesaan "vue.js tidak dikesan" muncul pada masa ini, kita boleh menggunakan kaedah berikut:

Pertama, Kami perlu mencari direktori pemasangan pemalam devtool Vue.js. (Jika anda benar-benar tidak dapat mencari lokasi pemasangan pemalam, anda boleh mencari ID pemalam pada komputer setempat anda: nhdogjmejiglipccpnnanhbledajbpd.) Lokasi pemasangan pemalam krom adalah berbeza dalam sistem pengendalian yang berbeza. Sebagai contoh, lokasi pemasangan pemalam krom dalam sistem win8: C:UsersAdministratorAppDataLocalGoogleChromeUser DataDefaultExtensionsnhdogjmejiglipccpnnanhbledajbpd
Second , selepas mencari direktori pemasangan Vue.js devtool plug-in.json ialah fail maini (thifest.json) fail utama (thifest.json) .

Tukar kod persisten: false dalam mainfest.json kepada persistent: true. Seperti yang ditunjukkan dalam gambar di bawah:

Secara amnya, kod di lokasi di atas diubah suai. Selepas membuka projek vue, pilih vue dalam konsol dan ia sepatutnya boleh digunakan seperti biasa.

Ketiga, jika ia masih tidak boleh digunakan selepas melaraskan melalui kaedah di atas, maka anda boleh melaraskan kod webpack.config.js, seperti yang ditunjukkan di bawah:

Akhir sekali, mulakan semula projek vue anda Ia sepatutnya Sedia untuk digunakan.

2. Kaedah pemasangan kod sumber

1. Muat turun kod sumber devtools daripada github, alamat: https://github.com/vuejs/vue-devtools.

2. Selepas memuat turun, masukkan projek vue-devtools-master, laksanakan pemasangan cnpm, muat turun dependensi, dan kemudian laksanakan npm run build untuk menyusun atur cara sumber.

3. Selepas penyusunan selesai, struktur direktori adalah seperti berikut:

Ubah suai persisten dalam mainifest.json dalam direktori shells-chrome kepada benar:

daripada Google Chrome ---> Sambungan, dan semak mod pembangun

Kemudian seret keseluruhan folder chrome dalam direktori shell projek yang baru disusun terus ke dalam penyemak imbas semasa dan pilih Dayakan untuk memasang pemalam ke penyemak imbas.

5 Buka projek vue sedia ada, jalankan projek, dan kemudian dalam penyemak imbas--->Tetapan--->Lagi Alat--->Alat Pembangun, masukkan mod nyahpepijat: Jika anda menemui bahawa vue.js tidak dikesan, anda boleh melaraskan kod webpack.config.js:


Akhir sekali, mulakan semula projek vue anda dan ia sepatutnya sedia untuk digunakan.

Ringkasan: Selepas pemalam devtool Vue.js dipasang, masalah "vue.js not detected" muncul Pertama, pilih mod pembangun dalam sambungan, buka direktori pemasangan pemalam, dan tetapkan persisten dalam mainifest.json kepada true , jika ia masih tidak berfungsi, laraskan kod webpack.config.js, dan akhirnya mulakan semula projek vue untuk menggunakannya.