Nachdem Sie die CRX-Datei von Vue.js devtools heruntergeladen haben, ?ffnen Sie die Erweiterungsseite von Chrome (chrome://extensions/ oder drücken Sie das Chrome-Menüsymbol > Weitere Tools > Extension Finder) und ziehen Sie dann die CRX-Datei per Drag & Drop auf die Erweiterungsseite ?Installieren“. it;
4. Klicken Sie auf ?Erweiterung hinzufügen“, um die Installation abzuschlie?en.

5. Das Vue.js Devtool-Plugin kann nach der Installation nicht verwendet werden und die Meldung ?vue.js nicht erkannt“ wird angezeigt. Zu diesem Zeitpunkt k?nnen wir die folgende Methode verwenden:

Zuerst müssen wir das Installationsverzeichnis von Vue.js finden Devtool-Plugin. (Wenn Sie den Installationsort des Plug-Ins wirklich nicht finden k?nnen, k?nnen Sie auf Ihrem lokalen Computer nach der Plug-In-ID suchen: nhdogjmejiglipccpnnnanhbledajbpd.) Der Installationsort des Chrome-Plug-Ins ist je nach Betriebssystem unterschiedlich. Zum Beispiel der Installationsort des Chrome-Plug-Ins im Win8-System: C:UsersAdministratorAppDataLocalGoogleChromeUser DataDefaultExtensionsnhdogjmejiglipccpnnnanhbledajbpd
Zweitens, nachdem Sie das Installationsverzeichnis des Vue.js Devtool-Plug-Ins gefunden haben, ?ffnen Sie die Datei mainifest.json (dies ist die Schlüssel).

?ndern Sie den Code persistent: false in mainfest.json in persistent: true. Wie in der folgenden Abbildung dargestellt:

Unter normalen Umst?nden wird der Code an der obigen Position ge?ndert. Nachdem Sie das Vue-Projekt ge?ffnet haben, w?hlen Sie Vue in der Konsole aus und es sollte normal verwendet werden k?nnen.

Drittens: Wenn es nach der Anpassung mit der oben genannten Methode immer noch nicht verwendet werden kann, k?nnen Sie den Code von webpack.config.js anpassen, wie in der Abbildung gezeigt Abbildung unten:

Zum Schluss starten Sie Ihr Vue-Projekt neu und es sollte einsatzbereit sein.

2. Quellcode-Installationsmethode

1. Laden Sie den Devtools-Quellcode von Github herunter, Adresse: https: // github.com/vuejs/vue-devtools.

2. Geben Sie nach dem Herunterladen das vue-devtools-master-Projekt ein, führen Sie cnpm install aus, laden Sie die Abh?ngigkeiten herunter und führen Sie dann npm run build aus, um das Quellprogramm zu kompilieren.

3. Nach Abschluss der Kompilierung sieht die Verzeichnisstruktur wie folgt aus:

?ndern Sie die persistente Datei mainifest.json im Shells-Chrome-Verzeichnis zu wahr:

4. ?ffnen Sie die Einstellungen von Google Chrome --->Erweiterungen und überprüfen Sie den Entwicklermodus

Ziehen Sie dann den gesamten Chrome-Ordner im Shell-Verzeichnis des gerade kompilierten Projekts direkt in den aktuellen Browser und w?hlen Sie ?Aktivieren“, um das zu installieren Plug-in für den Browser.

5. ?ffnen Sie ein vorhandenes Vue-Projekt, führen Sie das Projekt aus und dann im Browser--->Einstellungen--->Weitere Tools--->Entwicklungstool, Debugging-Modus aufrufen:
festgestellt, dass vue.js nicht erkannt wird, Sie k?nnen den Code von webpack.config.js anpassen:


Zum Schluss starten Sie Ihr Vue-Projekt neu sollte einsatzbereit sein.

Zusammenfassung: Nach der Installation des Vue.js Devtool-Plugins erscheint das Problem ?vue.js nicht erkannt“. W?hlen Sie zun?chst den Entwicklermodus in der Erweiterung aus und ?ffnen Sie die Installationsverzeichnis des Plug-Ins und Die Best?ndigkeit in mainifest.json ist wahr. Wenn es immer noch nicht funktioniert, passen Sie den Code von webpack.config.js an und starten Sie schlie?lich das Vue-Projekt neu, um es zu verwenden.