Beaucoup de gens veulent télécharger le plugin vue-devtools, mais ils ne savent pas comment faire, aujourd'hui je vais faire une note plus détaillée
Pour afficher la version actuelle de devtools, vous pouvez aller sur ce site Web pour voir le v à droite, qui est le numéro de version
Table des matières
La première méthode : utiliser un plugin minimaliste
Première étape : trouver un plugin minimaliste
Étape 2 : Rechercher vue-devtools
Étape 3 : Cliquez sur Téléchargement recommandé
Étape 4 : Décompressez et installez
La seconde méthode : télécharger sur github
Étape 3 : Trouvez le chemin d'accès au dossier evtools
La première méthode : utiliser un plugin minimaliste
Cette méthode est beaucoup plus simple que la deuxième méthode, mais ce n'est pas officiel, ne mettez pas le fichier compilé pour notre commodité
Première étape : trouver un plugin minimaliste
Accédez au site du plugin minimaliste via le lien ci-dessous
Étape 2 : Rechercher vue-devtools
Étape 3 : Cliquez sur Téléchargement recommandé
Étape 4 : Décompressez et installez
Après avoir décompressé le fichier téléchargé, suivez les étapes ci-dessous
Faites ensuite glisser le fichier avec un nom long vers l'extérieur, et les étapes suivantes sont les mêmes que la deuxième méthode.
La seconde méthode : télécharger sur github
C'est en vérifiant la source du livre court, je fais juste un supplément, ou je me sens intuitivement
Auteur : hemiao3000
Lien : Compiler et installer vue-devtools
Source : Jianshu
Le nœud que j'utilise est -- version 16.17.1
Télécharger le fil est -- version 1.22.19
Télécharger vue-devtools est -- version 6.4.4
Étape 1 : Télécharger le fil
Compilez et installez vue-devtools pour utiliser le fil,
Ouvrez cmd ou windows PowerShell, il est recommandé d' ouvrir windows PowerShell (ne dites pas que vous ne pouvez pas l'ouvrir)
Ceux qui savent qu'ils veulent utiliser ce plugin doivent avoir téléchargé node, et node est livré avec npm
npm install -g yarnUne fois l'installation terminée, vous pouvez directement exécuter yarn -v la commande pour vérifier la version de yarn afin de vérifier si l'installation a réussi
yarn -v Affichez le chemin du code source et le chemin du fichier d'exécution binaire des commandes installées globalement par yarn :
yarn global dir
yarn global bin
Notez que, comme npm, ces deux chemins n'ont rien à voir avec les installations locales.
Ensuite, téléchargez, compilez et installez les devtools Vue.js
Étape 2 : Téléchargez les outils de développement à partir de hithub ( les points clés sont les suivants
git clone https://github.com/vuejs/vue-devtools.git Étape 3 : Trouvez le chemin d'accès au dossier evtools
Dans cette étape, il est possible que le chemin de certaines personnes ne soit pas de cette façon, il doit donc être trouvé automatiquement
cd C:\Windows\System32\vue-devtoolsÉtape 4 : Initialiser
yarn installDans l'image, la première étape est divisée en trois étapes
Étape 5 : Déballez
yarn run build
Sixième étape : Installer
Tant que ce qui précède est terminé, les problèmes suivants ne seront pas importants
Le chemin de l'auteur est le suivant, si le vôtre ne l'est pas, vous pouvez le trouver en cherchant vue-devtools
C:\Windows\System32\vue-devtools\packages\shell-chrome
Septième étape : utilisez
Complétez le téléchargement, la compilation, l'installation et l'utilisation de vue-devtools . Si la neuvième étape ne sort pas, vous pouvez toujours trouver cet article que j'ai lu pour compiler et installer vue-devtools