3.Vue 调试工具 devtools谷歌插件 安装

前言:npm是node.js的一个插件,安装之前请先安装node.js和npm
1.到github下载:https://github.com/vuejs/vue-devtools/tree/v5.1.1
2.在vue-devtools目录 F:\RJ\vuejs\vue-devtools-5.1.1 下安装依赖包,cmd 输入命令:cnpm install
3.Vue 调试工具 devtools谷歌插件 安装_第1张图片
3.Vue 调试工具 devtools谷歌插件 安装_第2张图片
npm run build
3.Vue 调试工具 devtools谷歌插件 安装_第3张图片
3.修改shells/chrome/manifest.json中的"persistent": false。将值改为true。
3.Vue 调试工具 devtools谷歌插件 安装_第4张图片
3.Vue 调试工具 devtools谷歌插件 安装_第5张图片
4.打开谷歌浏览器,输入 chrome://extensions/ ,选择开发者模式,加载已解压的扩展程序,选择Chrome导入即可。
3.Vue 调试工具 devtools谷歌插件 安装_第6张图片
5.打开谷歌浏览器,按F12,点Vue,再点Root,就可以看到定义的data
3.Vue 调试工具 devtools谷歌插件 安装_第7张图片
其中message也可以进行修改
3.Vue 调试工具 devtools谷歌插件 安装_第8张图片

你可能感兴趣的:(Vue,学习笔记)