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