谷歌浏览器安装插件Vue.js devtools调试工具

1、github 下载vue.js devtools包:https://github.com/vuejs/vue-devtools#vue-devtools

image.png

2、git clone后,切换至master分支,进入文件夹vue-devtools, git bash,运行命令:cnpm install 安装依赖,npm run build 运行,

image.png

3、安装运行完毕后,在文件夹 vue-devtools-shells-chrome-mainfest.json,修改 "persistent": true

image.png

image.png

4、谷歌浏览器-更多工具-扩展程序-加载已解压的扩展程序 -vue-devtools\shells\chrome 选择此文件夹即可

5、运行项目,查看浏览器


image.png

image.png

你可能感兴趣的:(谷歌浏览器安装插件Vue.js devtools调试工具)