vue调试工具vue-devtools安装

1、下载安装包

https://github.com/vuejs/vue-devtools
下载后解压

2、安装

win+r 进入cmd模式,cd到vue-devtools-dev文件下,然后 npm install进行安装,安装成功后执行 npm run build,如下图所示:
vue调试工具vue-devtools安装_第1张图片

3、修改文件

修改vue-devtools-dev\shells\chrome中的manifest.json文件,将此文件中的persistent修改为true,如下:
vue调试工具vue-devtools安装_第2张图片

4、打开浏览器

然后打开谷歌浏览器,找到更多工具–>扩展程序–>勾选开发展模式选项–>加载已解压的扩展程序,将vue-devtools-dev\shells的chrome文件放进去,如下:
vue调试工具vue-devtools安装_第3张图片
然后重启浏览器,就可看到vue标志

vue调试工具vue-devtools安装_第4张图片

你可能感兴趣的:(前端,vue)