因在原始的Chrome浏览器中始终无法打开应用商店安装的devtools,也使用过解压devtools文件夹的传统方式安装,过程中仍然遇到一些问题暂无法解决,后发现使用谷歌的极速浏览器可快速安装devtools调试工具用于开发,分享出来供参考。步骤如下:
1、下载安装谷歌极速浏览器
2、打开“谷歌极速浏览器”–右上角三个点–更多工具–扩展程序–打开“开发者模式”–点击“+”号–搜索“vue.js devtools"–根据提示安装即可
3、记得使用devtools调试工具,需要注意三点:
①html网页中需引入vue.js文件而不是Vue.min.js;
②html网页中必须应用了Vue.js功能;
③html网页需要在http协议下打开,而不是使用file协议本地打开,也就是使用vscode的实时更新浏览器插件live server打开html文件,注意:使用该插件时需要在vscode中用打开文件夹的方式打开网页。
4、完成以上三步后,按F12键,点击更多的“>>"图标,即可找到Vue调试工具进行使用。