Vue学习笔记-vue调试工具vue-devtools安装及使用

一  使用环境: windows 7 64位操作系统

二  vue调试工具vue-devtools安装及使用

1.下载: 百度中查找  "vue-devtools下载"  找到最新版下载.

我下载时的最新版本是 Vue.js devtoolsv5.3.3

https://www.cr173.com/soft/1061360.html

2.下载后的文件类型是 crx

3.将文件重命名为 zip 文件

4.将重命名的文件解压在 Vue.js Devtools_5.3.3 中,打开 Vue.js Devtools_5.3.3 文件夹,有如下文件

5.将解压后的文件夹最好放到自已经常按装程序的目录下,因为这个解压文件夹被删除后就不生效了,我一般是放到D盘下.

6.打开google浏览器，在地址栏输入地址 chrome://extensions/ (也可选择浏览器:进入更多工具/扩展程序)

7.将解压的文件夹  Vue.js Devtools_5.3.3  拖动到浏览器中即可,拖动后如下图.