Introduction détaillée au tutoriel d'installation de devtools dans vue.js (image et texte)

Cet article présente principalement l'installation devtools de vue.js en détail. L'éditeur pense que c'est plutôt bien, je vais donc le partager avec vous maintenant et le donner en guise de référence. référence. Suivons l'éditeur pour jeter un œil

Installation

2. Après le téléchargement, entrez dans le projet vue-devtools-master et exécutez npm install -----> ;npm run build.

3. Modifiez le persistant dans manifest.json en true

4. Ouvrez les paramètres de Google Chrome--->Extensions--》Vérifiez le mode développeur---》Ajoutez des shells dans le projet-->

chromdu contenu ou faites glisser directement Ouvrir les shells- ->chrome. Félicitations pour l'installation réussie ! ! !

5. Ouvrez votre propre projet vue S'il s'agit d'un projet construit avec vue-cli, exécutez npm run dev et ouvrez http://localhost:8080/ server<.>Adresse de débogage

 ; terminez maintenant l'installation de devtools Utilisez

pour ouvrir le projet vue, sélectionnez vue dans la console :

5. Utilisez les composants pour afficher les modifications d'informations (tels que le composant

Paging

Sélectionnez la première page :

Sélectionnez la dernière page). :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!