谷歌浏览器安装 vue调试工具 vue-devtools 最简单的方法

谷歌浏览器安装 vue调试工具 vue-devtools 最简单的方法_第1张图片
如果你在使用vue开发项目 浏览器中没有安装vue调试工具 显然不能算是一个合格的vue开发者

vue-devtools 开发工具能帮我查看当前组件的显示状态和 追踪vuex中数据状态 能帮我们的开发达到一个事半功倍的效果

1.直接在线下载好 插件 解压
下载地址:
https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd // 点击推荐下载
谷歌浏览器安装 vue调试工具 vue-devtools 最简单的方法_第2张图片

2.在谷歌浏览器地址中输入
chrome://extensions/ // 如果没有显示 添加扩展工具的话 请把左侧的开发者模式打开

3.把解压包里面的那个crx 文件直接拖拽过来 到空白位置
谷歌浏览器安装 vue调试工具 vue-devtools 最简单的方法_第3张图片

4.安装成功之后 重启浏览器

注意 vue开发者工具 你得运行一个vue项目才会出来

你可能感兴趣的:(vue,Web前端,前端插件,前端)