Vue.js Devtools V5.1.1
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.
Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn
Verwandter Artikel
Wie installiere ich die Devtools von vue.js?
24 Nov 2020
Installationsmethode: 1. Laden Sie das Zip-Installationspaket herunter und extrahieren Sie es in den angegebenen Ordner. 2. Geben Sie das Vue-Devtools-Verzeichnis ein und geben Sie „yarn install“ und „yarn run build“ ein. 3. Konfigurieren Sie die Manifest-JSON-Datei. Manuelle Erweiterung des Chrome-Plug-Ins.
So installieren Sie das Plug-In
14 Jun 2019
Plug-in-Installationsmethode: Wenn Sie beispielsweise ein Chrome-Plug-in installieren, öffnen Sie zunächst den Chrome-Browser und rufen Sie die Plug-in-Verwaltungsoberfläche auf. Ziehen Sie dann die heruntergeladene Plug-in-Datei auf die Chrome-Plug-in-Verwaltungsoberfläche und lassen Sie die Maustaste los. Dann erscheint in Chrome eine Aufforderung zur Installation des Plug-Ins. Klicken Sie auf „Hinzufügen“.
Was ist das Installationsverzeichnis der Chrome-Plug-in-Erweiterung?
08 Mar 2024
Was ist das Installationsverzeichnis der Chrome-Plug-in-Erweiterung? Unter normalen Umständen lautet das Standardinstallationsverzeichnis von Chrome-Plug-In-Erweiterungen wie folgt: 1. Der Standard-Installationsverzeichnis-Speicherort von Chrome-Plug-Ins in Windows XP: C:\DocumentsandSettings\Benutzername\LocalSettings\ApplicationData\Google\Chrome\UserData\ Default\Extensions2. Chrome in Windows7 Der Standardinstallationsverzeichnisspeicherort des Plug-Ins: C:\Benutzer\Benutzername\AppData\Local\Google\Chrome\User
So installieren Sie das Google Chrome-Plugin unter Win10
02 Jul 2023
Wie installiere ich das Google Chrome-Plugin in Win10? Haben Sie bei der Verwendung Ihres Computers schon einmal festgestellt, dass die Browser-Funktion nicht ausreicht? Dieses Problem wird durch die Plug-in-Erweiterungsfunktion von Google Chrome perfekt gelöst An dieser Stelle können Sie mit jedem Plug-in viele zusätzliche Sonderfunktionen genießen. Für Benutzer, die nicht wissen, wie man es installiert, schauen wir uns das Tutorial zur Installation des Google Chrome-Plug-ins an win10. Tutorial zur Installation von Google Chrome-Plug-Ins in Win10 1. Bereiten Sie zunächst die „Plug-Ins“ vor, die installiert werden müssen, öffnen Sie dann Google Chrome und geben Sie: chrome://extensions/ in die Adressleiste ein und drücken Sie die Eingabetaste, um die Einstellungen zu öffnen Schnittstelle; 2. Klicken Sie auf der linken Seite auf „Erweiterungen“ und ziehen Sie dann das Plug-in direkt in das „crx“-Format
Was ist das Installationsverzeichnis der Chrome-Plugin-Erweiterung und in welchem Ordner befindet es sich?
07 Mar 2024
Unter normalen Umständen lautet das Standardinstallationsverzeichnis von Chrome-Plug-In-Erweiterungen wie folgt: 1. Der Standard-Installationsverzeichnis-Speicherort von Chrome-Plug-Ins in Windows XP: C:\DocumentsandSettings\Benutzername\LocalSettings\ApplicationData\Google\Chrome\UserData\ Default\Extensions2. Chrome in Windows7 Der Standardinstallationsverzeichnisspeicherort des Plug-Ins: C:\Benutzer\Benutzername\AppData\Local\Google\Chrome\UserData\Default\Extensio
Laden Sie das mobile Google Chrome-Plugin herunter und installieren Sie es
29 Jan 2024
Wie lade ich Plug-ins für die mobile Version von Google Chrome herunter und installiere sie? Die Plug-in-Erweiterungsfunktion von Google Chrome ist sehr leistungsstark und es können viele einzigartige Plug-in-Funktionen installiert werden. In der mobilen Version von Google Chrome hat sich die Methode zum Herunterladen und Installieren von Plug-Ins jedoch teilweise geändert, was dazu geführt hat, dass einige Freunde die mobile Version von Google Chrome nicht zum Herunterladen und Installieren von Plug-Ins verwenden Installieren wir gezielt Plug-Ins? Unten zeigt Ihnen der Editor eine Anleitung zum Herunterladen und Installieren des Plug-ins für die mobile Google Chrome-Version. Tutorial zum Herunterladen und Installieren des Plug-ins für die mobile Version von Google Chrome 1. Zuerst öffnen wir das Telefon und klicken, um die Einstellungen zu öffnen. 2. Dann klicken wir, um Google zu öffnen. 3. Als Nächstes klicken wir, um Google Chrome zu öffnen. 4. Schließlich klicken wir auf: Wir klicken, um das Plug-in zu installieren und zu installieren
Hot Tools
Talend API-Tester
Das Talend API Tester-Plug-in, früher bekannt als Restlet Client, wurde von Entwicklern als Tool entworfen und entwickelt, das Programmierern beim Debuggen von Webseiten helfen kann. Talend API Tester erleichtert das Aufrufen, Entdecken und Testen von HTTP- und REST-APIs. Ermöglicht visuelle Interaktion mit REST-, SOAP- und HTTP-APIs.
Karson / Tinytools
Tiny Tools ist eine Chrome-Erweiterung, die viele nützliche Tools enthält, wie z. B. QR-Code-Generator, QR-Code-Dekodierung, Übersetzung, Zeitstempelkonvertierung, Quellformat, JSON-Format, Bild-Base64-Zeichenkodierung usw.
Angular-Debugging-PluginAngularJS Batarang
Das AngularJS-Batarang-Plugin ist ein leistungsstarkes Angular-Debugging-Plugin, das in Google Chrome installiert werden kann. Die Installation und Verwendung dieses AngularJS-Batarang-Plugins kann Ihren Entwicklungsprozess komfortabler gestalten.
Detaillierte SEO-Erweiterung
SEO ist eine Technologie zur Suchmaschinenoptimierung. Website-Betreiber müssen qualitativ hochwertige Inhalte veröffentlichen, um die Bedürfnisse der Benutzer zu erfüllen, um die Gunst der Suchmaschinen zu gewinnen und Suchverkehr von Suchmaschinen zu generieren. Die Messung der Liebe einer Suchmaschine zu einer Website besteht normalerweise aus diesem SEO-Indikator. In Bezug auf SEO haben wir viele Plug-Ins wie SEO-Toolbar eingeführt: SEOquake, META SEO Inspector, 5118 Webmaster Toolbox – Essential SEO Plug-In usw. Warten Sie , heute hat Ihnen der Herausgeber ein Tool zur Verfügung gestellt, mit dem Sie den Titel einer bestimmten Webseite schnell analysieren können.