Chrome浏览器安装vue调试工具
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