Chrome浏览器安装vue调试工具
Chrome浏览器安装vue调试工具步骤:
-
在Github官网下载vue-devtools压缩包:
https://github.com/vuejs/vue-devtools
-
解压压缩包,然后进入到vue-devtools-master文件夹中;
-
输入
npm install
命令进行下载安装;
-
安装完之后,通过
npm run build
命令进行编译,出现如下结果就成功了;
-
编译以后,找到vue-devtools-dev\vue-devtools-dev\shells\chrome文件夹下面的manifest.json文件,把persistent改为true;
-
打开Chrome浏览器,点击右上角的菜单——更多工具——扩展程序——开发者模式——加载已解压的扩展程序选中文件中的chrome文件(我的文件路径 F:\Firefox\vue-devtools-dev\shells\chrome),注意安装完需要重启一下浏览器才能使用,使用时打开F12控制台,console的菜单更多里面,点击vue即可;
打开vue项目,按F12