admin管理员组

文章数量:1130349

首先介绍下VueDevtools： 

 

vue-devtools是一款基于chrome浏览器的插件，主要是用来调试vue的应用，可以提高我们的调试效率。

 

接下来我们来说说如何安装这个插件吧：

 

第一步： 首先在github下载devtools源码（任意选择一处位置，邮件点击git，输入命令git clone +地址）

 

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

第二步：安装项目所需要的npm包

 

npm install    (会比较慢，耐心等待)

第三步：执行npm run build，编译源程序

npm run build

 

 

第四步：修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件。 persistent参数改为true

第五步：添加至chrome游览器

右上角三个点-------》更多工具-------》扩展程序-------》打开开发者模式-----》》》然后把chrome文件夹拖进去

第六步：添加成功

 

首先介绍下VueDevtools： 

 

vue-devtools是一款基于chrome浏览器的插件，主要是用来调试vue的应用，可以提高我们的调试效率。

 

接下来我们来说说如何安装这个插件吧：

 

第一步： 首先在github下载devtools源码（任意选择一处位置，邮件点击git，输入命令git clone +地址）

 

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

第二步：安装项目所需要的npm包

 

npm install    (会比较慢，耐心等待)

第三步：执行npm run build，编译源程序

npm run build

 

 

第四步：修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件。 persistent参数改为true

第五步：添加至chrome游览器

右上角三个点-------》更多工具-------》扩展程序-------》打开开发者模式-----》》》然后把chrome文件夹拖进去

第六步：添加成功

 

本文标签： 器上工具如何在VueDevtools

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