浏览器Vue-devtools工具安装

在浏览器F12查看vue项目的控制台,看到如下信息:

默认安装需要打开goole网站,需要跳墙,这里下载它的代码来安装吧……

git clone https://github.com/vuejs/vue-devtools.git

clone完成后,进入vue-devtools目录,首先执行命令npm install安装依赖:

报如下错误,在windows平台可以忽略…………:

然后编译npm run build生成插件:

打开Chrome浏览器的扩展程序:

勾选开发者模式,才会显示箭头指向的两个按钮:

点击“加载已解压的扩展程序”,选择刚刚编译生成的目录:

重启chrome浏览器,再次F12打开控制台,可以看到Vue项目,它有vue原本的标签,而不是只是生成的html标签:


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 linjk121@163.com.