浏览器安装vue调试插件(极简单)

  1. 准备材料:谷歌浏览器、vue-devTool.crx

  2. 打开浏览器的右上角的设置–>更多工具–>扩展程序
    浏览器安装vue调试插件(极简单)_第1张图片

  3. 打开开发者模式
    在这里插入图片描述

  4. 然后重启浏览器,继续打开浏览器的右上角的设置–>更多工具–>扩展程序

  5. 将vue-devTool.crx工具拖入浏览器
    浏览器安装vue调试插件(极简单)_第2张图片
    浏览器安装vue调试插件(极简单)_第3张图片
    浏览器安装vue调试插件(极简单)_第4张图片

  6. 随便打开一个vue项目,然后f12,可以看到vue已经 存在,并且可以通过vue插件,查看页面中的各种数据参数,说明成功了!!!
    浏览器安装vue调试插件(极简单)_第5张图片
    浏览器安装vue调试插件(极简单)_第6张图片

你可能感兴趣的:(vue.js,javascript,前端)