Vue.js devtool 插件最近在开发人员中很火，但是初次使用Vue.js devtool插件的新人在安装了Vue.js devtool插件后，都会经常有一个疑问。我在chrome浏览器里面已经成功安装好 Vue.js devtool插件，怎
Vue.js devtool插件最近在开发人员中很火，但是初次使用Vue.js devtool插件的新人在安装了Vue.js devtool插件后，都会经常有一个疑问。我在chrome浏览器里面已经成功安装好Vue.js devtool插件，怎么点击后提示vue.js not detected，无法正常使用呢？对于这样的问题，新人可能会花费很多时间去找答案，今天我们chrome插件网就整理了解决方法，希望对大家有帮助。
首先，我们先要确保Vue.js devtool插件已经安装成功了。具体的Vue.js devtool插件的安装方法可以：chrome插件CRX的离线安装方法中找到答案。
其次，我们需要找到Vue.js devtool插件的安装目录。可以在本站文章chrome插件CRX文件的安装目录中找到插件的安装位置。话说来，我们真找不到插件的安装位置，可以在本地电脑搜索插件的ID：nhdogjmejiglipccpnnnanhbledajbpd。用户可以在插件列表中找到插件的ID,如下图所示。这是我在win8系统上chrome插件的安装位置
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.2_0
第三，在找到了Vue.js devtool插件的安装目录后，打开mainifest.json文件（这是关键）。
将mainfest.json中代码persistent：false，修改成persistent：true。如下图所示：
一般情况下，修改完如上的位置的代码。打开vue项目后，在控制台选择vue，就应该可以正常使用了。
第四，如果通过上面的方法调整过后，还是不能够使用，那么可以调整一下webpack.config.js的代码，如下图所示：
最后，重启一下你的vue项目应该就可以使用了。
相关内容推荐
开发者插件
2022-05-03 11:14:06
Web Developer 这款扩展集成了各种各样的 Web 开发工具，几乎是网页开发人员必备的 Chrome 开发者工具扩展插件，安装之后会在浏览器工具栏添加一个齿轮状的小图标，点击小图标之后就可
聚合专题
2018-02-27 21:58:11
保持Facebook的Facebook.com上。当你登出， Facebook的cookie被杀死，这样你，你遍历网页不被跟踪！
这个扩展修改，当按下时，除了被注销所有这样的，你facebook.com Facebook的注销链接删除Co
聚合专题
2018-02-27 22:04:05
PHP的记事本可以让你执行你的PHP代码中的一个简单的编辑器。 你有没有想测试一些PHP代码，而无需打开一个文本编辑器？现在，你再也不用为用PHP记事本。您可以直接点击扩展和测试您
聚合专题
2018-02-27 22:09:34
7款不错的CSS样式chrome插件，工具、美化CSS应有尽有，例如JavaScript and CSS code beautifier看名字就知道功能了，效果还是非常不错的，不仅能美化css，json、js等等都可以美化起来，赶紧来看看
开发者插件
2018-05-02 07:26:41
xPath helper是一款Chrome浏览器的开发者插件，安装了xPath helper后就能轻松获取HTML元素的xPath，程序员就再也不需要通过搜索html源代码，定位一些id去找到对应的位置去解析网页了。
开发者插件
2019-12-22 23:42:16
ModHeader插件是一款简单实用的chrome http请求头添加、修改或删除请求头和响应的浏览器插件。
开发者插件
2019-11-05 22:30:09
MeasureIt是一款为网页设计师和开发者提供的浏览器插件，可以帮助他们在设计网站时轻松地测量和正确估计网站的元素。
开发者插件
2020-04-25 22:17:06
Cookie Inspector是由Big Bad Goose LLC发布的免费开发人员工具扩展，Google Chrome 缺少 cookie 编辑器和管理器。该插件直接在开发人员工具中编辑 cookies 、创建 cookies 和管理 cookies，只需右键单击
开发者插件
2019-12-06 11:21:12
每个人都必须拥有使用Xdebug调试，分析和跟踪PHP代码的功能。 此扩展将帮助您轻松地启用/禁用调试，性能分析和跟踪，而不必费力地处理POST / GET变量或cookie。对于使用带有Xdebug支持的
开发者插件
2020-03-13 21:06:25
Chrome Poster是开发人员工具，可让您与http服务器进行交互，主要用于与http服务器交互的开发人员工具。 也被称为简单的休息客户。
开发者插件
2018-04-28 18:16:40
BuiltWith Technology Profiler简称BuiltWith是一个网站分析工具，是一款用于帮助使用者了解网站技术构成的chrome网站技术解析工具。当你找到一个网页后，BuiltWith可以返回它能在这个页面中找到
开发者插件
2018-02-18 21:29:27
为设计师、程序员、产品经理每日发现优质内容。
包含Android、前端、产品、设计、iOS、后端六大频道，每个频道内都有一到多个为你精心准备的优质内容源。
掘金是中国质量
聚合专题
2022-05-03 16:32:33
小编的身边有很多IT男，他们大多是从事的就是web前端的开发工作，尽快念书的时候觉得写网页太简单了，现在自己慢慢走上web前端开发的道路。技术男最喜欢对各种技术做研究，能用工
聚合专题
2022-05-03 16:33:17
对于节省工作时间，提高工作效率是程序员同志的执念！能让机器去完成的工作绝不自己完成，能节省时间的工作绝不浪费时间，能完美做好的工作绝不滥竽充数。程序员是最是喜欢使
聚合专题
2022-05-03 15:36:37
虽然我们曾经在React开发者工具的基础介绍里面有概括性的介绍过 React Developer Tools 的基本使用方法，但是由于使用的频率比较高，所以今天就专门整理的一篇文章来仔细介绍React Devel
