安装vue devtools及常见问题

下载

以下三种方式选择一种即可。

百度网盘下载

下载链接：https://pan.baidu.com/s/1ktNIarB-zXz2ij0pda6IQw?pwd=v6d3

推荐方式。网盘中包含vue2和vue3的devtools安装工具，根据项目需要选择使用，不能同时安装两个devtools到浏览器上

极简插件下载

下载链接：https://chrome.zzzmh.cn/#/index

下载完成后,解压可以查看到安装步骤

github下载

下载链接：https://github.com/vuejs/vue-devtools
第一步：下载
或者通过git克隆

git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git

第二步：编译
前提：首先需要安装node，安装方法见文章创建vue项目的两种方式

# 淘宝镜像速度更快
# 安装package.json中的依赖包
cnpm install

安装

第一步：打开浏览器的管理扩展程序页签：

第二步：

将得到的vue_dev_tools.crx文件,拖动到

常见问题

1、打开浏览器的调试器后，看不到vue标签。
Re：显示调试工具的原因是用了生产环境的版本或是压缩的vue版本， Vue Devtools只在开发环境生效。
需要在项目main.js中引入以下配置：

Vue.config.devtools = true;