当前位置：首页 > 下载 > 插件扩展 > Plugin Chrome > Outils de développement Vue.js V5.1.1

Outils de développement Vue.js V5.1.1

Vue.js devtools est une extension de navigateur de développeur pour le débogage des applications vue.js basées sur le navigateur Google Chrome. Vous pouvez déboguer le code sous les outils de développement du navigateur. Les ingénieurs informatiques qui effectuent du développement front-end doivent être familiarisés avec cet outil. Ils peuvent vérifier le code tout en affichant la page dans le volet de la barre latérale. Puisque Vue est basé sur les données, rien ne peut être analysé en affichant la structure DOM pendant le développement et le débogage. Mais avec l'aide du plug-in vue-devtools, nous pouvons facilement analyser et déboguer la structure des données

分类: 插件扩展 / Plugin Chrome	发布日期: 2020-04-10	访问量: 7386
下载: 267

点击下载

更多>

最新下载

‎Aquarium Fantastique

"Fantasy Aquarium" est un jeu d'aventure fantastique qui permet aux joueurs d'explorer le mystérieux monde sous-marin. Dans cet aquarium imaginatif, les joueurs joueront le rôle d'un gestionnaire d'aquarium et d'un expert.

0 2024-05-08

‎Filles en première ligne

"Girls' Frontline" est un jeu de rôle stratégique développé par SUNBORN Games. Dans ce monde futur, les humains et les filles robots se battent. Vous jouerez le rôle d'un commandant et dirigerez une armée unique de filles robots dans une série de batailles palpitantes. Caractéristiques du jeu : Un immense camp de filles robots : Collectionnez et entraînez des filles robots de différents styles et capacités pour constituer votre propre équipe la plus forte. Cadre d'intrigue approfondi : communiquez avec les filles robots et obtenez une compréhension plus approfondie de leur histoire, en leur apportant soutien et encouragement au combat. Graphiques de combat exquis : profitez de superbes scènes de combat

832 2024-05-06

‎Ailes d'étoiles

"Star Wings" est un jeu compétitif en 3D qui combine parfaitement des éléments de mecha girl avec un gameplay de combat classique de GVG. Dans le jeu, les joueurs contrôleront une mecha dotée d'une puissante puissance de combat pour s'engager dans de féroces batailles 1V1 et 2V2 sur un champ de bataille passionnant, ressentant le charme inégalé de la compétition. Le jeu utilise une technologie de modélisation 3D de haute précision pour présenter de superbes graphismes. Chaque mecha est unique et représente délicatement la structure mécanique pleine de technologie et la silhouette gracieuse de la jeune fille, comme s'il s'agissait d'un blockbuster animé actif dans la paume de votre main. Les belles filles pilotes ont chacune leur propre charme et leurs différents traits de personnalité se révèlent à travers leurs voix et leurs actions.

521 2024-05-06

‎Petite Fée des Fleurs Paradis Féérique

"Little Flower Fairy Fairy Paradise" est un jeu occasionnel plein de plaisir et de magie enfantins, offrant une merveilleuse expérience de jeu à la majorité des joueurs. Dans le jeu, vous jouerez le rôle d'une petite fée des fleurs et entrerez dans le Paradis des Elfes avec d'autres joueurs pour vous lancer dans une aventure pleine de surprises. Caractéristiques du jeu : Nouvelle aventure magique : profitez d'une nouvelle aventure Elf Paradise avec des graphismes plus exquis. Graphiques de jeu exquis : le jeu utilise la dernière technologie 3D pour créer de superbes graphismes de jeu, offrant aux joueurs un tout nouveau choc visuel. Activités diverses : Dans le jeu, les joueurs peuvent participer à diverses activités et obtenir un grand nombre de récompenses de jeu. riche

703 2024-05-06

‎Restaurant Histoire mignonne

"Restaurant Cute Story" est un joli jeu de simulation de gestion de restaurant. Dans ce jeu, vous jouerez le rôle d'un jeune restaurateur. En exploitant et en gérant le restaurant, vous accueillerez un groupe de clients mignons et créerez un restaurant unique et animé. Caractéristiques du jeu : Clients animaux mignons : Il existe différents personnages animaux mignons comme clients dans le jeu. Chaque animal a ses propres préférences et besoins. Vous devez proposer les plats les plus adaptés à leurs préférences. Personnalisez votre restaurant : De la décoration au mobilier, vous pouvez créer un restaurant unique selon vos propres préférences et créativité pour attirer plus de clients. Menu diversifié : dans le jeu

574 2024-05-05

‎Exploration de voyage à Shanhe

Introduction au jeu "Shanhe Travel Detective" "Shanhe Travel Detective" est un scénario fascinant avec un jeu de raisonnement et d'enquête à la chinoise. Ce jeu combine intelligemment des éléments culturels traditionnels chinois avec un gameplay classique de raisonnement et d'enquête, présentant aux joueurs un monde de jeu plein de mystère et de surprise. Dans le jeu, les joueurs joueront le rôle d'un jeune détective talentueux, voyageant à travers les montagnes et les rivières pour explorer diverses affaires compliquées et déroutantes. Chaque cas est soigneusement conçu et plein de suspense et de défis. Les joueurs doivent faire preuve de sagesse et d'observation pour collecter des indices et déduire la vérité. Le jeu a un style graphique unique, qui adopte un beau style chinois et combine le chinois ancien

946 2024-05-05

‎Amour et producteur

"Love and Producer" est un jeu mobile destiné aux femmes développé par Elex. Il s'agit d'un jeu de type développement amoureux. Dans ce jeu, vous incarnez un producteur et embarquez pour un voyage romantique avec quatre protagonistes masculins distinctifs. Caractéristiques du jeu : Doublage par personne réelle, rétablissant l'expérience d'intrigue la plus réaliste. La riche intrigue du jeu et les hauts et les bas des histoires émotionnelles vous plongent dans le jeu. Restaure parfaitement le fonctionnement des jeux AR, vous permettant de mieux profiter du jeu. Le gameplay unique vous permet de comprendre plus profondément le protagoniste et de vivre un autre type d'amour. Gagnez des accessoires grâce à des tâches et des activités et utilisez-les pour améliorer les attributs du héros.

519 2024-05-04

‎Le cerveau le plus puissant 3

"The Biggest Brain 3" est un jeu de compétition intellectuelle passionnant et intéressant qui défie les limites de votre cerveau et montre votre sagesse et vos compétences. Dans ce jeu, les joueurs seront confrontés à divers défis mentaux, notamment le décryptage, le raisonnement, la mémoire et d'autres sujets, afin que votre cerveau puisse faire un exercice complet. Caractéristiques du jeu : Des thèmes de défis variés, couvrant de multiples domaines tels que le décryptage, le raisonnement, la mémoire, etc., garantissant que vous ne vous ennuierez pas. Conception de niveaux riche, difficulté croissante, défiant la limite de votre QI. Une variété de modes de jeu sont disponibles, notamment des défis solo et des batailles multijoueurs, vous permettant d'affronter vos amis contre IQ. Une conception d'image et des effets sonores exquis créent un

869 2024-05-04

‎Odd Dust : Damila

"Earth: Damira" introduction au jeu "Earth: Damira" est un fascinant jeu de tower defense otaku de science-fiction extraterrestre en 3D. Dans ce jeu, les joueurs joueront le rôle du capitaine de l'Atoum, assumant la tâche importante de perpétuer l'espoir de l'humanité, menant un groupe de filles « nouveau-nées » pleines de vigueur et de vitalité à mettre le pied sur la mystérieuse planète Damira pour l'explorer. cette planète extraterrestre verte. Avec son décor de science-fiction unique et ses graphismes 3D exquis, le jeu présente aux joueurs un monde extraterrestre plein d'inconnues et de défis. Dans ce pays mystérieux, les joueurs doivent amener les filles à construire des défenses solides pour résister aux menaces des étoiles extraterrestres.

254 2024-05-03

‎Jeune voyage vers l'Ouest 2

Introduction au jeu "Journey to the West 2" Entrer dans le monde de "Journey to the West 2", c'est entrer dans une magnifique et fantastique aventure punk industrielle pleine de charme oriental. En tant que dernier chef-d'œuvre de la série de cartes juvéniles, ce jeu intègre parfaitement des éléments de tendance nationale avec un style punk, présentant aux joueurs un monde sans précédent de Journey to the West. Tout d’abord, le style du jeu est unique. Les designers ont intelligemment combiné les techniques traditionnelles de peinture et de gravure chinoises avec des éléments punk modernes, rendant chaque personnage et chaque scène pleins d'un fort charme oriental et d'une atmosphère punk d'avant-garde. Les joueurs semblent évoluer dans un monde mêlant classique et moderne, oriental et

951 2024-05-03

24小时阅读排行榜

更多>

最新教程

[Web front-end] Démarrage rapide de Node.js

Collection complète de cours full-stack de développement Web étranger

623 2024-04-24
Aller au langage pratique GraphQL

948 2024-04-19
Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape

2343 2024-04-18
Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures

1883 2024-04-10
Premiers pas avec MySQL (Professeur Mosh)

941 2024-04-07
Mock.js | Axios.js | Json | Dix jours de cours de qualité

1815 2024-03-29

下载首页 / 插件扩展 / Plugin Chrome

Après avoir téléchargé le fichier crx des outils de développement Vue.js, ouvrez la page des extensions de Chrome (chrome://extensions/ ou appuyez sur l'icône du menu Chrome > Plus d'outils > Recherche d'extensions), puis faites glisser et déposez le fichier crx sur la page des extensions pour l'installer. ;
4. Cliquez sur "Ajouter une extension" pour terminer l'installation.

1586507365(1).jpg

5. Le plug-in Vue.js devtool ne peut pas être utilisé après l'installation, et l'invite "vue.js non détecté" apparaît. À ce stade, nous pouvons utiliser la méthode suivante :

1586507386(1).jpg .

Tout d'abord, nous devons trouver le répertoire d'installation du plug-in Vue.js devtool. (Si vous ne trouvez vraiment pas l'emplacement d'installation du plug-in, vous pouvez rechercher l'ID du plug-in sur votre ordinateur local : nhdogjmejiglipccpnnnanhbledajbpd.) L'emplacement d'installation du plug-in Chrome est différent selon les systèmes d'exploitation. Par exemple, l'emplacement d'installation du plug-in Chrome dans le système win8 : C:UsersAdministratorAppDataLocalGoogleChromeUser DataDefaultExtensionsnhdogjmejiglipccpnnnanhbledajbpd
Deuxièmement, après avoir trouvé le répertoire d'installation du plug-in Vue.js devtool, ouvrez le fichier mainifest.json (c'est la clé) .

1586507402(1).jpg

Changez le code persistent: false dans mainfest.json en persistent: true. Comme le montre l'image ci-dessous :

1586507423(1).jpg

Généralement, le code à l'emplacement ci-dessus est modifié. Après avoir ouvert le projet vue, sélectionnez vue dans la console et il devrait pouvoir être utilisé normalement.

1586507439(1).jpg

Troisièmement, s'il ne peut toujours pas être utilisé après l'ajustement via la méthode ci-dessus, vous pouvez ajuster le code de webpack.config.js, comme indiqué ci-dessous :

1586507455(1).jpg Enfin, redémarrez votre projet vue. Il devrait être prêt à l'emploi.

1586507477(1).jpg

2. Méthode d'installation du code source

1. Téléchargez le code source de devtools depuis github, adresse : https://github.com/vuejs/vue-devtools.

1586507490(1).jpg

2. Après le téléchargement, entrez dans le projet vue-devtools-master, exécutez cnpm install, téléchargez les dépendances, puis exécutez npm run build pour compiler le programme source.

1586507507(1).jpg

1586507524(1).jpg
3. Une fois la compilation terminée, la structure des répertoires est la suivante :

1586507537(1).jpg

Modifiez persistant dans mainifest.json dans le répertoire shells-chrome sur true :

1586507554(1).jpg

1586507583(1).jpg

4. Ouvrez les paramètres. de Google Chrome ---> Extension, et vérifiez le mode développeur

1586507599(1).jpg

1586507620(1).jpg

Faites ensuite glisser l'intégralité du dossier Chrome dans le répertoire shells du projet qui vient d'être compilé directement dans le navigateur actuel et sélectionnez Activer pour installer. le plug-in au navigateur.
1586507643(1).jpg

5. Ouvrez un projet vue existant, exécutez le projet, puis dans le navigateur--->Paramètres--->Plus d'outils--->Outils de développement, entrez en mode débogage :
Si vous trouvez que vue.js n'est pas détecté, vous pouvez ajuster le code de webpack.config.js :
1586507658(1).jpg 1586507678(1).jpg

Enfin, redémarrez votre projet vue et il devrait être prêt à être utilisé.
1586507712(1).jpg

Résumé : Une fois le plug-in Vue.js devtool installé, le problème de "vue.js non détecté" apparaît. Tout d'abord, sélectionnez le mode développeur dans l'extension, ouvrez le répertoire d'installation du plug-in, et définissez persistant dans mainifest.json sur true , si cela ne fonctionne toujours pas, ajustez le code de webpack.config.js, et enfin redémarrez le projet vue pour l'utiliser.

本站声明