Maison  >  Article  >  interface Web  >  Introduction détaillée à l'installation devtools de vue.js

Introduction détaillée à l'installation devtools de vue.js

黄舟
黄舟original
2017-05-28 10:43:561931parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn