一.登錄github官網下載vue-devtools壓縮包或者打開命令行使用命令
直接進入官網，下載zip(注意下載master分支的)（不然會出問題）
https://github.com/vuejs/vue-devtools
二.將下載的壓縮包解壓，進入vue-devtools-master文件夾中，
點擊“此電腦...”一整行，全選，輸入“cmd”;
三.輸入安裝命令 cnpm install
如果沒有cnpm，需要進入命令行,輸入
npm install -g cnpm --registry=https://registry.npm.taobao.org
把npm改成cnpm(速度快)
cnpm -v//查看版本
為什么使用cnpm https://www.cnblogs.com/onew/p/11330439.html
四.輸入命令cnpm run build，生成最終的文件
五.修改參數
vue-devtools-master\shells\chrome 文件夾下的manifest.json 文件，將"persistent": false 改成"persistent": true
六.添加擴展
打開chrome瀏覽器，進入"更多工具"=>"擴展程序"=>“加載已解壓的擴展程序”，將 文件夾vue-devtools-master\shells\chrome的chrome文件作為擴展包。
七.出現問題的三種解決方案
1.vue-devtools 版本的問題.下載的版本，需要進入master分支
2.可能是npm沒有升級，需要先升級npm,npm install -g npm對npm升級后，執行npm install -g cnpm --registry=https://registry.npm.taobao.org，更新cnpm再執行cnpm install,cnpm run build
3.在 main.js 中添加 Vue.config.devtools=true