admin管理员组

文章数量:1130349

Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。

1）首先在github下载devtools源码，地址：https://github/vuejs/vue-devtools。


2）下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。


3）编译完成后，目录结构如下：


修改shells、chrome目录下的mainifest.json 中的persistant为true：


 4）打开谷歌浏览器的设置--->扩展程序，并勾选开发者模式


5）打开一个已有的vue项目，运行项目，然后在浏览器中--->设置--->更多工具--->开发者工具，进入调试模式：

发现vue.js is not detected  ，可以调整一下webpack.config.js的代码，


最后，重启一下你的vue项目应该就可以使用了。



Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。

1）首先在github下载devtools源码，地址：https://github/vuejs/vue-devtools。


2）下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。


3）编译完成后，目录结构如下：


修改shells、chrome目录下的mainifest.json 中的persistant为true：


 4）打开谷歌浏览器的设置--->扩展程序，并勾选开发者模式


5）打开一个已有的vue项目，运行项目，然后在浏览器中--->设置--->更多工具--->开发者工具，进入调试模式：

发现vue.js is not detected  ，可以调整一下webpack.config.js的代码，


最后，重启一下你的vue项目应该就可以使用了。



本文标签： 器上工具Vuedevtools

版权声明：本文标题：在浏览器上安装 Vue Devtools工具 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1763528642a2940664.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。