共计 939 个字符，预计需要花费 3 分钟才能阅读完成。
1.vue.js not detected 或者图标不会亮的问题
问题 1：在使用 Vue.js 开发过程中，有时我们会遇到 ”vue.js not detected” 的问题，这意味着浏览器无法找到 Vue.js 库。
解决 1：将 Vue 实例挂载到 HTML 元素上。重启 Chrome 浏览器，打开使用 Vue.js 开发版的网页文件，发现此时 Vue.js devtools 图标亮了，可以使用该插件了（下面代码）
Vue 项目测试
// 标签引入 Vue.js 库。你可以使用相对路径或者绝对路径引入 Vue.js 库。以下代码演示了如何引入 Vue.js 库,src 里面的文件地址自己设定 `*
你好，你是谁。我是{{name}}
2. 控制台没有显示 Vue 的 TAB 页签
问题 2：控制台没有显示 Vue 的 TAB 页签
解决 2：
步骤 1：首先找到刚才在扩展程序中安装的 Vue.js devtools，点击“详细信息”，能看到 Vue.js devtools 的 ID，我的是：nhdogjmejiglipccpnnnanhblexxxx。同时，将“允许访问文件网址”的选项启用。
步骤 2：然后到 C:Users 自己本机的用户名 AppDataLocalGoogleChromeUser DataDefaultExtensions 目录下，能找到相应的 Chrome 浏览器插件的目录文件，其中就有和 ID 同名的 nhdogjmejiglipccpnnnanhblexxxx 目录，打开目录，找到 manifest.json 文件，打开找到 ”background” 节点，将其 ”persistent” 属性的值从 false 修改为 true（没有就自己加）。
步骤 3：重新打开浏览器或者重新启动电脑就可以了
3. 关于 Vue.config.productionTip = false 没有起作用
问题 3：明明写了这个全局变量，控制台还是会显示
解决 3：代码写了这个配置修改，你引入的 js 文件里面也改一下，因为谷歌浏览器最新的就是盖过你代码配置，直接先用 js 文件的配置先渲染出来，所以还会有这个提示
原文地址: Vue 板块: 安装 Vue Devtools 及不显示没有作用的问题
