谷歌浏览器调试工具(vue-devtools)不显示

调试器安装

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;

你可能感兴趣的:(chrome,vue.js)