谷歌浏览器调试工具vuedevtools不显示

47次阅读

共计 339 个字符,预计需要花费 1 分钟才能阅读完成。

调试器安装

GitHub 下载安装

git clone https://github.com/vuejs/vue-devtools

安装依赖和打包

  • 进入目录 cd vue-devtools
  • 安装依赖 npm i 或 cnpm i (npm 较慢)
  • 打包 npm run build
  • 在 vue-devtools 文件夹下:shells>chrome>manifest.json,将配置里的 persistent 的值修改为 true

设置

进入谷歌的扩展程序 -》开启开发者模式 -》加载已解压的扩展程序 -》选择“vue-
devtools>>shells>>chrome”,将 chrome 文件夹导入,完成即可。

配置好了以后, 控制台如果还没有 vue 选项,
就在代码 main.js 文件 写入以下代码

Vue.config.devtools = true;

正文完
 0