admin管理员组

文章数量:1531246

下载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图标会被点亮,则表示安装成功
安装完成后要重新打开浏览器才可以用!!!!

本文标签: 浏览器调试工具vue