vue.js devtools-安装

1.安装至chrome
网上主流的有2种安装方式,第一种是chrome插件安装(我们采用这种),第二种为源码安装(不推荐,很多博主文章已是几年前的 没有跟上源码的更新速度导致有的命令直接报错不生效 源码本生没有提供更多的教程 并且此方法安装步骤繁琐,容易出错)

插件安装可以通过
1.Chrome插件商店搜索安装
2.vue.js devtools 官网提供的各个浏览器的安装方式
地址为:https://devtools.vuejs.org/gu...

按照地址里的流程去操作设置chrome插件
在以上步骤完成后会发现找不到vue devtools 的图标,是因为没被显示出来
解决方法,点击Chrome右上角插件图标,会显示出刚才安装好的插件,设置显示即可(vue图标需要在vue项目的页面才会高亮,否则为置灰状态)

插件的使用方式跟浏览器终端的 console 一样,本质上 终端的这些都是些插件。在终端找到 vue 点击进入 即可选择看到对应的vue组件 以及组件传值 用于排除一些因组件传值导致的问题

你可能感兴趣的