Que faire si l'installation de vue devtools échoue

Solution à l'échec de l'installation de vue devtools : 1. Téléchargez le package compressé « vue-devtools » depuis le site officiel et décompressez-le ; 2. Installez git bash 3. cd dans le dossier « devtools-main » du terminal ; 4. Exécutez la commande « npm install Yarn -g » ; 5. Ouvrez le fichier « manifest.json » et remplacez « persistent » par « true ».

L'environnement d'exploitation de ce tutoriel : système Windows 10, vue-devtools version 6.1.4, ordinateur Dell G3.

Que dois-je faire si l'installation de vue devtools échoue ?

À propos de la solution au rapport d'erreur lors du processus d'installation de vue-devtools

1. Utilisez Google Chrome pour télécharger le package compressé depuis le site officiel, n'oubliez pas le chemin de stockage (évitez le chemin de stockage contenant caractères chinois), et décompressez-le

GitHub - vuejs/devtools : ⚙️ Extension devtools du navigateur pour déboguer les applications Vue.js.

2. Installez git bash (il suffit de trouver un tutoriel d'installation sur le blog)

C'est tout

3. Dans le terminal, cd dans le dossier devtools-main Notez que généralement la décompression du package compressé sera enveloppée dans un dossier. Assurez-vous de cd dans le dossier avec package.json (All. les instructions suivantes seront dans ce dossier Operation)

3. Certaines erreurs sont dues aux limitations de npm lui-même et certains modules ne sont pas installés. Afin d'éviter les erreurs, installez fil directement

npm install yarn -g
npm install webpack webpack-cli –g   //（全局安装webpack、webpack-cli）

4. Fermez le terminal actuel, faites un clic droit sur le dossier, ouvrez-le avec git bash et effectuez les opérations suivantes

yarn install

Ouvrez ensuite le fichier manifest.json dans le code VS et copiez l'image Change persistent en true

Enfin, exécutez la commande Yarn Run build dans le git bash précédemment ouvert et attendez l'installation

5. Ouvrez les paramètres dans Chrome --->Plus tools--->Programme d'extensions ---> Ouvrez le mode développeur dans le coin supérieur droit, actualisez la page, cliquez pour charger l'extension décompressée, ouvrez le dossier devtools-main

Cliquez sur les détails et vérifiez pour autoriser l'accès aux URL des fichiers (vous pouvez ouvrir Bilibili Vérifiez la page d'accueil pour voir si la petite marque V est allumée avec succès)

Apprentissage recommandé : "tutoriel vidéo vue"

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!