谷歌浏览器安装插件Vue.js devtools调试工具

作者: Do_Du | 来源:发表于2019-10-09 14:54 被阅读0次

image.png

2、git clone后，切换至master分支，进入文件夹vue-devtools， git bash，运行命令：cnpm install 安装依赖，npm run build 运行，

image.png

3、安装运行完毕后，在文件夹 vue-devtools-shells-chrome-mainfest.json，修改 "persistent": true

image.png

4、谷歌浏览器-更多工具-扩展程序-加载已解压的扩展程序 -vue-devtools\shells\chrome 选择此文件夹即可

5、运行项目，查看浏览器

image.png

在浏览器上安装 Vue Devtools工具
在浏览器上安装 Vue Devtools工具 Vue.js devtools是基于google chrome浏览器...
给Chrome安装vue-DevTool
最近在学习Vue.js，为了便于调试需要给Chrome浏览器安装vue-devtools开发工具手动安装: 1....
vue+element ui 之二：开发配置webstorm
浏览器插件安装 chrome浏览器：Vue.js devtools插件，去应用商店装上此插件。然后找到此插件对应的...
vue过滤器和案例实现
使用vue插件使用chrome浏览器调试插件Vue.js devtools 添加一行代码Vue.config.d...
玩转Vue_devtools的安装
谷歌访问助手下载极速安装Vue调试神器 vue.js devtools（5分钟搞定）
我的 Chrome 插件集
我的 Chrome 插件集 Vue.js devtools vue.js的调试工具一键管理所有扩展该插件可以快...
Another version of Vue Devtools
是因为谷歌浏览器的扩展程序中，安装了多个vue的开发插件（Vue.js devtools）。只保留一个版本就行了，...
Chrome 安装 react-devtools 调试工具
在 Chrome 浏览器中安装 react-devtools 调试工具有两种方案：方案一：访问谷歌扩展程序商店直...
React Native Debug(chrome)
Chrome开发调试工具，需要安装react-devtools插件。插件安装方法：离线安装下载最新devtool...
谷歌浏览器安装插件Vue.js devtools调试工具
1、github 下载vue.js devtools包：https://github.com/vuejs/vue-...