在vue官网 我们找到 Cookbook页面 中的‘替代方案’

vue chrome devtools调试工具的安装

鼠标点击红框里的 【chrome版本】,

打开的地址是这样的: 

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

如果打不开连接,可以复制【nhdogjmejiglipccpnnnanhbledajbpd】,这个是chrome上devtools扩展的id

然后打开 https://chrome-extension-downloader.com/ , 输入复制的id ,点击 【download extension】下载devtools扩展

vue chrome devtools调试工具的安装

 

这是下载下来的扩展文件:

vue chrome devtools调试工具的安装

然后打开chrome浏览器,打开扩展程序:chrome://extensions/, 把Vue.js-devtools_v5.3.3.crx文件拖到里面安装

vue chrome devtools调试工具的安装

 

启动vue项目,打开调试工具F12,就可以看到后面多一个Vue,说明安装成功。

vue chrome devtools调试工具的安装

相关文章: