![]()
vue-devtool 是一款浏览器端的vue调试工具,方便开发者实时调试vue应用,这可以极大地提高开发者的调试效率。
本文以Google浏览器为例,讲解 vue-devtool 的安装方法
github下载安装包
====
下载地址:https://github.com/vuejs/vue-devtools
安装依赖,打包
==========
1 2 3
| cd 插件目录 //进入到安装包的目录 npm install //安装依赖 npm run build //编译插件
|
修改安装包目录下的 manifest.json
==========================
打开 shells > chrome > manifest.json
把里面的”persistent”: false改为true
打开Google浏览器
==========================
1.打开里面的设置 > 点击扩展程序 > 点击开发者模式
2.再点击加载已解压的扩展程序,然后选择 shells > chrome文件夹
大功告成 开始运行
============
打开Google浏览器点开一个vue制作的页面
按下 F12 就能看到效果了