这里介绍两种安装 vue-devtools 的方式。
方式一:通过谷歌应用商店安装 vue-devtools 扩展程序(有些人可能没法装,你懂的,那就使用第2种)
方式二:把本地已有的扩展程序文件添加到谷歌浏览器的扩展程序里
这种方式适用于无法打开谷歌应用商店的同学。
1. 先在 收藏猫插件 点击“下载插件手动安装”下载 vue-devtools 扩展插件。
下载 vue-devtools 插件的地方很多,网上随便搜一大堆。
下载下来的文件是以 .crx 为扩展名的,Chrome的“扩展程序”都是以 .crx 为扩展名。
2. 进入谷歌浏览器的扩展程序页,开启右上角的“开发者模式”,直接把刚才下载的扩展程序文件拖进去即可。
3. 在 Vue 网页打开 Chrome 的开发者工具,就能看到 vue-devtools 图标了。