安装和使用vue devtools的教程

1.在github上下载压缩包。github下载地址：https://github.com/vuejs/vue-devtools

2.提取到本地磁盘

3.使用您的npm进入此文件夹

四.依次输入：

1:npm安装

2:npm运行构建(不要忘记此步骤，如果不执行此步骤，项目文件夹shellschrome文件夹中将缺少一个src文件夹，如下所示)

动词（verb的缩写）将shellschrome文件夹下mainifest.json中的persistant修改为true

六：我们找到了谷歌浏览器的扩展功能，检查了开发者模式，然后把插件文件夹中的shellschorme文件夹直接拖到页面上完成安装。

(注意：如果我们不执行第四部分的npm运行构建，我们将在这里报告一个错误：我们无法加载后台脚本‘build/background . js’)

七：在插件目录下执行npm run dev，那么我们的插件就可以运行了。打开localhost:8080，可以看到插件已经安装运行。

八：当我们打开其他本地项目时，我们不需要在vue-devtools文件夹下执行npm run dev，因为这个插件已经安装在浏览器中了。让我们愉快地调试你的vue项目。

摘要

以上是边肖介绍的vue devtools的安装和使用教程。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！