下载并安装vue-devtools

1.从git上clone，控制命令行输入：
git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git
v5.1.1是你要clone的版本

image.png

2.安装依赖
从控制命令行进入vue-devtools 的目录，然后输入 cnpm install

image.png

3.第二步完成后，继续输入 npm run build，构建完成之后会生成以下文件

image.png

红线框起来的文件就是下面要用到的
4.chrome中找到 更多工具 / 扩展程序 选项，勾选 开发者模式，然后点击 加载已解压的扩展程序，选择vue-devtools\shells\chrome，确认

image.png