当前位置: 首页 > Web前端 > vue.js

vue.jsdevtools-Installation

时间:2023-03-31 20:06:00 vue.js

1.在线安装到chrome有两种主流的安装方式,第一种是chrome插件安装(我们用的就是这个),第二种是源码安装(不推荐,博主很多)文章是几年前写的,没有跟上源码的更新速度,导致部分命令直接报错不生效,搜索安装2.vue.jsDevtools官网提供安装方法各浏览器地址:https://devtools.vuejs.org/gu...按照地址中的流程设置chrome插件,以上步骤完成后,会发现vue的图标devtools找不到,因为没有显示,解决方法是点击Chrome右上角的插件图标,会显示刚才安装的插件,设置显示即可(vue图标需要在vue项目的页面上要高亮,否则我s是灰色的)插件的使用方法和浏览器终端的控制台一样,这些本质上都是终端中的插件。在终端找到vue点击进入,可以选择查看对应的vue组件和组件传值,排除组件传值带来的一些问题