chrome谷歌浏览器安装扩展程序Vue.js devtools和React Developer Tools

方法1：能直接翻墙打开谷歌应用商店是最简单了，倘若不会翻墙，可以试试方法2
方法2：打开chrome插件网，右上角搜索框输入Vue.js devtools，
点击“安装下载”

点击按钮“本地下载页面”

这时候会提示你先关注公众号，按提示关注后会在公众号上收到验证码，输入即可下载
下载完之后，文件是以crx为后缀名的，这时候直接拖拽到谷歌浏览器的扩展程序中可能无法成功，下面是重要的三步
第一步：将后缀名改为.rar
第二步：解压缩此rar文件
第三步：进入chrome浏览器右扩展程序界面，打开右上角的开发者模式，如下图

打开后在其下面会出来一排按钮，点击“加载已解压的扩展程序”，选择刚才解压的整个目录（注意是整个目录，也就是解压后第一层文件夹），确定即可，这时候就添加成功了。
添加React Developer Tools是同样步骤。
如果打开一个vue做的网站，F12就会看到最后面多了一个vue菜单

如果打开一个react做的网站，F12就会看到最后面多了一个react菜单