下载vue-devtools,地址: ​​https://github.com/vuejs/vue-devtools​​

解压到对应目录,eg: D:\ProgramFiles\vue-devtools-dev

进入解压的目录中,npm install


npm install     #可能需要静心等待一段时间

vue-devtools在google浏览器下安装扩展_配置文件

npm run build


vue-devtools在google浏览器下安装扩展_配置文件_02

修改配置文件,D:\ProgramFiles\vue-devtools-dev\shells\chrome 目录 manifest.json 文件，  "persistent": true


vue-devtools在google浏览器下安装扩展_vue_03

Open Chrome extension page


vue-devtools在google浏览器下安装扩展_json_04

Check "developer mode"


vue-devtools在google浏览器下安装扩展_vue_05

Click "load unpacked extension", and choose shells/chrome.


vue-devtools在google浏览器下安装扩展_chrome_06 

vue-devtools在google浏览器下安装扩展_json_07

在插件目录vue-tools下执行下面命令，这样插件就会安装在浏览器中了，以后再运行项目，就不需要再执行这个命令了。


npm run dev

验证


vue-devtools在google浏览器下安装扩展_json_08

如果后期vue面板不出来，再到vue-devtools文件夹下执行一遍npm run dev。