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 ....\vue-devtools
>npm install （可以使用cnpm，npm容易報錯）
4.build
>npm run build
我在安裝的時候出現報錯如下：
個人估計是cnpm install 沒有安裝好，手動安裝vue-style-loader cnpm install vue-style-loader --save-dev 再執行cnpm run build 執行成功
打開 shells-chrome-manifest.json文件修改 backageground---persistent為true，如下：
5.將該插件添加到chrome擴展程序
（1）打開chome擴展程序：更多工具>擴展程序
（2）勾選“開發者模式”
（3）點擊“加載已解壓的擴展程序...”
（4）選擇vue-devtools目錄下的“shells/chrome”
點擊“確定”即添加成功。
原文：https://blog.csdn.net/xiangxiezhuren/article/details/79443455