前言
今天准备在chrome上装vue devtools插件,花了很长时间,采坑无数。现在把遇到的问题全部整理下来,给需要的小伙伴提供一些参考意见。
注意:vue2与vue3的插件版本是不同的!!!!!!vue3请下载beta版本!!!!!!
一、下载插件
1.官网下载
下载地址:https://hub.fastgit.org/vuejs/devtools
(镜像地址下载更快)
2.极简插件(好用的插件网站,推荐)
3.开源中国下载
下载地址:https://codechina.csdn.net/explore
二、插件安装
1.安装教程
安装教程网上有很多,针对我们下载的插件内容的不同,有不同的安装方式(通过不同网址下载的插件可能是crx文件,可能是一个很大的目录)
官网下载
下载的内容为一个目录。解压后,win+R进入命令行,进入文件的解压目录,具体解压过程传送门
极简插件——在搜索框输入devtools,vue2选择第一个插件,vue3选择第二个插件(beta)版本下载
下载完成后,将下载的文件解压,解压后的文件是crx文件,将crx文件的后缀改成zip,然后再Chrome浏览器》更多工具》扩展程序》将文件直接拖进去
2.踩过的坑
如果vue不能使用,点击插件详情,打开允许访问文件网址这个按钮传送门
vue.js not detected:https://www.cnplugins.com/tool/fix-vue-js-not-detected.html