Rumah Pemalam sambungan Pemalam Chrome Vue.js devtools V5.1.1

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.

1586507365(1).jpg


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:

1586507386(1).jpg


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) .

1586507402(1).jpg


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

1586507423(1).jpg


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

1586507439(1).jpg


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:

1586507455(1).jpgAkhir sekali, mulakan semula projek vue anda Ia sepatutnya Sedia untuk digunakan.


1586507477(1).jpg

2. Kaedah pemasangan kod sumber

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

1586507490(1).jpg

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.

1586507507(1).jpg

1586507524(1).jpg
3. Selepas penyusunan selesai, struktur direktori adalah seperti berikut:

1586507537(1).jpg

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

1586507554(1).jpg

1586507583(1).jpg

daripada Google Chrome ---> Sambungan, dan semak mod pembangun 1586507599(1).jpg

1586507620(1).jpg


1586507643(1).jpg 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:1586507658(1).jpg Jika anda menemui bahawa vue.js tidak dikesan, anda boleh melaraskan kod webpack.config.js: 1586507678(1).jpg


1586507712(1).jpgAkhir 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.

🎜🎜
Penafian

Semua sumber di laman web ini disumbangkan oleh netizen atau dicetak semula oleh tapak muat turun utama. Sila semak integriti perisian itu sendiri! Semua sumber di laman web ini adalah untuk rujukan pembelajaran sahaja. Tolong jangan gunakannya untuk tujuan komersial. Jika tidak, anda akan bertanggungjawab untuk semua akibat! Jika terdapat sebarang pelanggaran, sila hubungi kami untuk memadamkannya. Maklumat hubungan: admin@php.cn

Artikel Berkaitan

如何安装vue.js devtools? 如何安装vue.js devtools?

24 Nov 2020

安装方法:1、下载zip安装包,并解压到指定文件夹中;2、进入Vue devtools目录下,输入“yarn install”和“yarn run build”进行安装;3、配置manifest json文件;4、手动扩展chrome插件。

Apakah direktori pemasangan sambungan pemalam Chrome? Apakah direktori pemasangan sambungan pemalam Chrome?

08 Mar 2024

Apakah direktori pemasangan sambungan pemalam Chrome? Dalam keadaan biasa, direktori pemasangan lalai pelanjutan pemalam Chrome adalah seperti berikut: 1. Lokasi direktori pemasangan lalai pemalam chrome dalam windowsxp: C:\DocumentsandSettings\username\LocalSettings\ApplicationData\Google\Chrome\UserData\ Default\Extensions2 chrome dalam windows7 Lokasi direktori pemasangan lalai pemalam: C:\Users\username\AppData\Local\Google\Chrome\User.

Bagaimanakah pemalam baru memasang pemalam dalam Google Chrome? Bagaimanakah pemalam baru memasang pemalam dalam Google Chrome?

30 Jan 2024

Bagaimanakah pemalam baru memasang pemalam dalam Google Chrome? Ramai pengguna suka menambah pemalam pada Google Chrome supaya mereka boleh menggunakan lebih banyak ciri Google Chrome. Apabila pengguna baru mula-mula berhubung dengan Google Chrome, mereka tidak tahu banyak tentang pelbagai fungsi penyemak imbas, jadi mereka tidak tahu cara menambah pemalam yang diperlukan. Untuk membantu pengguna pemula menggunakan pemalam dengan lancar, editor telah menyusun tutorial grafik untuk menambahkan pemalam ke Google Chrome dengan cepat. Mari lihat langkah-langkah tertentu. Tutorial grafik tentang menambah pemalam dengan cepat pada Google Chrome 1. Muat turun pakej mampat pemalam dalam penyemak imbas, nyahmampatnya dan cari fail dengan akhiran fail crx Ini ialah pemalam. 2. Buka Google Chrome, klik [Sesuaikan dan Kawalan] dan pilih daripada menu lungsur turun [Lagi Alat]

Muat turun dan pasang pemalam mudah alih Google Chrome Muat turun dan pasang pemalam mudah alih Google Chrome

29 Jan 2024

Bagaimana untuk memuat turun dan memasang pemalam untuk versi mudah alih Google Chrome? Fungsi pengembangan pemalam Google Chrome sangat berkuasa dan banyak fungsi pemalam unik boleh dipasang. Walau bagaimanapun, dalam versi mudah alih Google Chrome, kaedah muat turun dan pemasangan pemalam telah berubah sedikit sebanyak menyebabkan beberapa rakan tidak menggunakan versi mudah alih Google Chrome untuk memuat turun dan memasang pemalam Jadi, bagaimana adakah kami memasang pemalam secara khusus? Di bawah, editor akan membawakan anda tutorial tentang memuat turun dan memasang pemalam versi mudah alih Google Chrome. Tutorial muat turun dan pemasangan pemalam versi mudah alih Google Chrome 1. Mula-mula, kita buka telefon dan klik untuk membuka tetapan, 2. Kemudian, kita klik untuk membuka Google, 3. Seterusnya, kita klik untuk membuka Google Chrome, 4. Akhir sekali, kami klik untuk memasang Plug-in, pasangkannya

Apakah direktori pemasangan sambungan pemalam Chrome dan folder mana ia berada? Apakah direktori pemasangan sambungan pemalam Chrome dan folder mana ia berada?

07 Mar 2024

Dalam keadaan biasa, direktori pemasangan lalai pelanjutan pemalam Chrome adalah seperti berikut: 1. Lokasi direktori pemasangan lalai pemalam chrome dalam windowsxp: C:\DocumentsandSettings\username\LocalSettings\ApplicationData\Google\Chrome\UserData\ Default\Extensions2 chrome dalam windows7 Lokasi direktori pemasangan lalai pemalam: C:\Users\username\AppData\Local\Google\Chrome\UserData\Default\Extensio

Bagaimana untuk memasang pemalam Google Chrome dalam win10 Bagaimana untuk memasang pemalam Google Chrome dalam win10

02 Jul 2023

Bagaimana untuk memasang pemalam Google Chrome dalam win10? Pernahkah anda mengalami fungsi penyemak imbas yang tidak mencukupi semasa menggunakan komputer anda. Masalah ini diselesaikan dengan sempurna oleh fungsi sambungan pemalam Google Chrome di lokasi ini. Dengan setiap pemalam, anda boleh menikmati banyak fungsi khas tambahan Bagi pengguna yang tidak tahu cara memasangnya, mari lihat tutorial tentang cara memasang pemalam Google Chrome. menang10. Tutorial memasang pemalam Google Chrome dalam win10 1. Mula-mula sediakan "plug-in" yang perlu dipasang, kemudian buka Google Chrome dan masukkan: chrome://extensions/ dalam bar alamat dan tekan Enter untuk membuka tetapan antara muka; 2. Klik pada sebelah kiri "Sambungan", dan kemudian seret terus pemalam dalam format "crx"

See all articles See all articles

Hot Tools

Penguji API Bakat

Penguji API Bakat

Pemalam Talend API Tester, dahulunya dikenali sebagai Restlet Client, direka dan dibangunkan oleh pembangun sebagai alat yang boleh membantu pengaturcara menyahpepijat halaman web. Penguji API Talend memudahkan untuk memanggil, menemui dan menguji API HTTP dan REST. Mendayakan interaksi visual dengan REST, SOAP dan API HTTP.

Karson / tinytools

Karson / tinytools

Alat kecil ialah sambungan Chrome yang mengandungi banyak alat berguna, seperti penjana kod QR, penyahkodan kod QR, terjemahan, penukaran cap masa, format sumber, format JSON, pengekodan aksara base64 imej, dsb.

Plugin penyahpepijat sudutAngularJS Batarang

Plugin penyahpepijat sudutAngularJS Batarang

Pemalam angularjs batarang ialah pemalam penyahpepijatan sudut yang berkuasa yang boleh dipasang pada Google Chrome Memasang dan menggunakan pemalam angularjs batarang ini boleh menjadikan proses pembangunan anda lebih mudah.

Sambungan SEO Terperinci

Sambungan SEO Terperinci

SEO ialah teknologi pengoptimuman enjin carian. Pengendali laman web perlu menerbitkan beberapa kandungan berkualiti tinggi untuk memenuhi keperluan pengguna, untuk memenangi hati enjin carian dan membawa trafik carian daripada enjin carian. Mengukur kecintaan enjin carian untuk laman web biasanya terdiri daripada penunjuk SEO ini Mengenai SEO, kami telah memperkenalkan banyak pemalam seperti bar alat SEO: SEOquake, META SEO inspektor, 5118 Webmaster Toolbox - Essential SEO plug-in, dll. Tunggu. , hari ini editor telah membawakan anda alat yang boleh menganalisis dengan cepat tajuk halaman web tertentu.

xx