Chrome本地安装vue-devtools调试工具的问题

浏览器devtools扩展程序用于调试Vue.js应用程序。

Google浏览器不用翻墙,Chrome如何搭建本地vuejs调试工具?





一、 下载 · 调试工具:

  1. github下载地址

  2. 有 git 的同学 直接 git clone

二、 下载完成之后,开始本地安装:

  1. 打开cmd 进入 vue-devtools 文件夹把依赖装好 npm install

  2. 之后再进行 npm run build

  3. 然后打开 shells>chrome>src>manifest.json ,把里面的"persistent": false 改为true,如下图:
    Chrome本地安装vue-devtools调试工具的问题

  4. 一切都万事俱备了,打开 Chrome

    (a). 打开里面的设置 > 点击扩展程序 > 点击开发者模式

    (b). 再点击加载已解压的扩展程序,然后把shells>chrome这个文件夹放入就ok了

    Chrome本地安装vue-devtools调试工具的问题

三、 安装之后,测试调试工具是否OK。

  • 再打开一个用 Vue 写的网页或项目(如下图),打开Chrom调试工具你就会发现——大功告成!
    Chrome本地安装vue-devtools调试工具的问题

以上就是关于“ Chrome本地安装vue-devtools调试工具的问题 ” 的全部内容。