admin 管理员组

文章数量: 1184232

Chrome浏览器安装vue调试工具

      • Chrome浏览器安装vue调试工具步骤：

Chrome浏览器安装vue调试工具步骤：

  1. 在Github官网下载vue-devtools压缩包：https://github/vuejs/vue-devtools

  2. 解压压缩包，然后进入到vue-devtools-master文件夹中；

  3. 输入npm install命令进行下载安装；

  4. 安装完之后，通过npm run build命令进行编译，出现如下结果就成功了；

  5. 编译以后，找到vue-devtools-dev\vue-devtools-dev\shells\chrome文件夹下面的manifest.json文件，把persistent改为true；

  6. 打开Chrome浏览器，点击右上角的菜单——更多工具——扩展程序——开发者模式——加载已解压的扩展程序选中文件中的chrome文件（我的文件路径 F:\Firefox\vue-devtools-dev\shells\chrome），注意安装完需要重启一下浏览器才能使用，使用时打开F12控制台，console的菜单更多里面，点击vue即可；

本文标签： 浏览器 调试工具 chrome Vue

版权声明：本文标题：Chrome浏览器安装vue调试工具 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1760301743a3159721.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。