Maison > Article > interface Web > Explication détaillée des étapes d'installation de vue-devtools
Cette fois, je vous apporte une explication détaillée des étapes d'installation de vue-devtools, quelles sont les précautions pour l'installation de vue-devtools, et ce qui suit est un cas pratique, commençons jetez un oeil.
Première étape
Cloner vue-devtools localement
git cloner https://github.com/ vuejs/vue -devtools.git
Étape 2
Installer les packages dépendants dans le répertoire vue-devtools
cd vue-devtools npm install
Étape 3
Compiler le code
npm run build
Étape 4
Modifiervue-devtools/shells/chrome/manifest.<a href="http:/%20/www.php.cn%20/wiki/1488.html" target="_blank">fichier json<code>vue-devtools/shells/chrome/manifest.<a href="http://www.php.cn/wiki/1488.html" target="_blank">json</a>
, remplacer persistant par true
Cinq étapes
Ouvrez Chrome, entrez chrome://extensions/
pour accéder à la page des paramètres de l'extension Chrome
Ouvrez le mode développeur dans le coin supérieur droit
Cliquez pour charger l'extension décompressée et sélectionnez vue-devtools/shells/chrome
Remarque : Cochez pour autoriser l'accès aux URL des fichiers
À ce stade point, vue-devtools a été installé. Profitez-en !
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php. !
Lecture recommandée :
Explication détaillée de la déclaration de variable JS var, utilisation de let.const
Utilisation de l'environnement sandbox de configuration de l'application Node.js méthode
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!