Chrome浏览器vue-devtools插件安装教程

本教程主要介绍Vue.js的vue-devtools插件在Chrome浏览器中的安装过程。

1.打开vue-devtools主页

vue-devtools插件GitHub的地址为：https://github.com/vuejs/vue-devtools

2.Clone该repo到本地

首先保证你的电脑上安装了git和npm
>git clone https://github.com/vuejs/vue-devtools.git

3.npm install

>cd C:\software_dev\vue-devtools>npm install 

4.build

>npm run build

5.将该插件添加到chrome扩展程序

（1）打开chome扩展程序：更多工具>扩展程序


（2）勾选“开发者模式”（3）点击“加载已解压的扩展程序...”（4）选择vue-devtools目录下的“shells/chrome”


点击“确定”即添加成功。

https://github.com/vuejs/vue-devtools.git

https://github.com/vuejs/vue-devtools.git

https://github.com/vuejs/vue-devtools.git