chrome安装vue调试工具

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了chrome安装vue调试工具相关的知识,希望对你有一定的参考价值。

  1. 在github中可以用git,clone下来,链接:https://github.com/vuejs/vue-devtools

  2. 可以直接下载,解压在windows下

  3. 解压出来,进入vue-devtools-master文件夹,打开cmd。

  4. cmd中敲上命令,npm install,安装完后,输入 npm run build 打包

  5. 打开vue-devtools-master-》shells-》chrome-》package.json文件中的 "persistent" : false;把false改为true;

  6. 最后把chrome文件夹直接拖到chrom浏览器中的扩展程序就可以了

  7. 重新打开浏览器就可以看到Vue

本文出自 “Note” 博客,请务必保留此出处http://3miao.blog.51cto.com/9661385/1976224

以上是关于chrome安装vue调试工具的主要内容,如果未能解决你的问题,请参考以下文章

chrome安装vue调试工具

谷歌chrome浏览器vue调试工具vue-devtools的安装

vue-devtools是vue浏览器调试工具

通过npm安装vue-devtools(vue的chrome调试工具)

vue chrome调试工具开启

Vue-DevTools调试工具安装