Detaillierte Einführung in das Devtools-Installations-Tutorial in vue.js (Bild und Text)

Dieser Artikel stellt hauptsächlich die devtoolsInstallation von vue.js im Detail vor. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es als Referenz. Folgen wir dem Editor, um einen Blick darauf zu werfen

Installation

2. Geben Sie nach dem Herunterladen das vue-devtools-master-Projekt ein und führen Sie npm install -----> aus ;npm run build.

3. Ändern Sie den persistenten Wert in manifest.json auf true

4. Öffnen Sie die Google Chrome-Einstellungen--->Erweiterungen--》Überprüfen Sie den Entwicklermodus---》Fügen Sie Shells im Projekt hinzu-->chrome-Inhalt oder ziehen Sie direkt Open Shells- ->Chrome. Herzlichen Glückwunsch zur erfolgreichen Installation! ! !

5. Öffnen Sie Ihr eigenes Vue-Projekt, wenn es sich um ein mit vue-cli erstelltes Projekt handelt, führen Sie npm run dev aus und öffnen Sie http://localhost:8080/ server 🎜>Debug Adresse; schließen Sie nun die Installation von Devtools ab;

Verwenden Sie

, um das Vue-Projekt zu öffnen, wählen Sie Vue in der Konsole aus:

5. Bedienen Sie Komponenten, um Informationsänderungen anzuzeigen (z. B.

Paging Wählen Sie die erste Seite:

Wählen Sie die letzte Seite). :

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in das Devtools-Installations-Tutorial in vue.js (Bild und Text). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!