谷歌浏览器如何安装vue调试工具

下载vue-devtools压缩包

git地址：vue-devtools

安装环境

将下载的压缩包解压，并通过命令行进入vue-devtools-master文件夹中
输入安装命令 cnpm install进行安装

编译

输入编译命令 npm run build进行编译

修改manifest.json 文件

编译完后，找到 vue-devtools-master\shells\chrome文件夹下的manifest.json 文件，将"persistent": false 改成"persistent": true

导入调试工具包

打开谷歌浏览器，找到 更多工具 => 拓展程序点开，勾选“开发者模式”，点击“加载已解压的拓展工具”，选择 vue-devtools > shells > chrome ，导入调试工具包

使用

运行vue项目后，地址栏后边的vue图标会被点亮，则表示安装成功
安装完成后要重新打开浏览器才可以用！！！！