1.安装至chrome
网上主流的有2种安装方式,第一种是chrome插件安装(我们采用这种),第二种为源码安装(不推荐,很多博主文章已是几年前的 没有跟上源码的更新速度导致有的命令直接报错不生效 源码本生没有提供更多的教程 并且此方法安装步骤繁琐,容易出错)
插件安装可以通过
1.Chrome插件商店搜索安装
2.vue.js devtools 官网提供的各个浏览器的安装方式
地址为:https://devtools.vuejs.org/gu...
按照地址里的流程去操作设置chrome插件
在以上步骤完成后会发现找不到vue devtools 的图标,是因为没被显示出来
解决方法,点击Chrome右上角插件图标,会显示出刚才安装好的插件,设置显示即可(vue图标需要在vue项目的页面才会高亮,否则为置灰状态)
【vue.js devtools-安装】插件的使用方式跟浏览器终端的 console 一样,本质上 终端的这些都是些插件。在终端找到 vue 点击进入 即可选择看到对应的vue组件 以及组件传值 用于排除一些因组件传值导致的问题
推荐阅读
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- vue.js|vue中使用axios封装成request使用
- vue.js组件开发
- 前端开发|Vue2.x API 学习
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- vue.js|后端开发学习Vue(一)
- JS|VUE学习笔记[30-46]
- vue.js|Vue为何弃用经典的Ajax,选择自研Axios()
- vue|vue3替代vuex的框架piniajs实例教程
- cmd配置npm仓库镜像报错