前端vue之开发者工具安装——装插件调试vue应用

概要

1.国外网站：通过谷歌应用商店安装
2.国内网站：极简插件：下载->开发者模式->拖拽进行安装->选择插件详情允许访问文件
网址：link

整体架构流程

点击网址进入这个页面，在搜索框输入vue，选择第一个"Vue Devtools",进入即可。点击页面中的推荐下载。下载完成后，点击"在文件夹中显示"。对下载好的文件进行解压，解压在当前文件夹中。在此页面点击右上角三个点，选择"扩展程序"。进入此页面，打开"开发者模式"。将解压后的CRX文件拖拽进入该页面，弹出提示框，选择"添加扩展程序"。点击该插件左下侧详细信息，将"允许访问文件网址"打开即可。

技术细节

切记：在谷歌浏览器中进行下载（血泪教训，联想浏览器不成功）
其他按照以上图例的步骤进行即可。

小结

本篇博客为装vue的调试插件，采用第二种方法，极简插件进行安装。安装成功后可在visual Studio Code中进行调试vue时使用。在该安装程序上，自己有许多失误导致浪费了许多时间，特此发布本篇博客，希望帮助到其他遇到问题的同伴，若有用词不当或错误之处，请指出。