Vue.js-devtools工具在chrome安装过程--包含常见错误

安装过程

• 首先，在chrome应用商店搜索vue（前提是可以访问chrome），并选择第一个下载：
  

• 下载好后，打开拓展管理程序，选择Vue.js devtools，并将以下内容打勾：
  

• 之后重启浏览器即可。

常见错误

• 错误1：Vue.js not detected(即右上角，此时插件为灰色)，原因有：

  • ① 配置错误，要修改man…啥的文件，建议查一下其他博客，这里就不写了。
  • ②未启动开发的页面。解决如下：

    • 打开vscode项目，右键选择Open With Live Server，注意不要选择Open in Browser

      

    • 此时，就会发现Vue.js-devtools工具变为彩色(绿色)，说明启动成功。

• 错误2：开发者工具(F12)下没有Vue选项

  • 见错误1问题。用Open With Live Server打开即可解决

---

• 其余错误待补充…本人前端小白入门，以上如有错误，请评论区斧正~