Chrome本地安装vue-devtools调试工具的问题
浏览器devtools扩展程序用于调试Vue.js应用程序。
Google浏览器不用翻墙,Chrome如何搭建本地vuejs调试工具?
一、 下载 · 调试工具:
-
有 git 的同学 直接 git clone
二、 下载完成之后,开始本地安装:
-
打开
cmd
进入vue-devtools
文件夹把依赖装好npm install
; -
之后再进行
npm run build
; -
然后打开
shells>chrome>src>manifest.json
,把里面的"persistent": false
改为true
,如下图: -
一切都万事俱备了,打开 Chrome
(a). 打开里面的
设置 > 点击扩展程序 > 点击开发者模式
(b). 再点击加载已解压的扩展程序,然后把
shells>chrome
这个文件夹放入就ok了
三、 安装之后,测试调试工具是否OK。
- 再打开一个用 Vue 写的网页或项目(如下图),打开Chrom调试工具你就会发现——大功告成!
以上就是关于“ Chrome本地安装vue-devtools调试工具的问题 ” 的全部内容。