最新下载
Angular调试插件AngularJS Batarang
Vue.js devtools V5.1.1
Talend API Tester
Detailed SEO Extension
Karson / tinytools
24小时阅读排行榜
- 1 SQL多表连接如何理解_JOIN关联关系详细步骤解析【指导】
- 2 html5怎么画实线_HTML5用CSS border-style:solid画元素实线边框【绘制】
- 3 media引入html5媒体_音频视频标签嵌入方法【详解】
- 4 Python深度训练文本生成模型的分词策略与参数设置技巧【教程】
- 5 SQL多表连接结果异常怎么办_JOIN条件排查方法解析【指导】
- 6 SQL索引下推是什么_ICP机制性能提升原理【教程】
- 7 谷歌怎么下载html5_HTML5无需下载浏览器直接渲染运行页面文件【说明】
- 8 html标题如何_设置HTML页面标题与层级【层级】
- 9 如何向HTML追加新元素_DOM动态插入技术【教程】
- 10 Python自动化办公一键批处理文档完整方案【教学】
- 11 SQL跨表统计怎么写_重要技巧总结提升查询效率【技巧】
- 12 文本处理从零到精通目标检测的实践方法【教程】
- 13 SQL注入如何防护_完整逻辑拆解助力系统化掌握【技巧】
- 14 知道html运行结果怎么写代码_据html结果写代码方法【技巧】
- 15 html5怎么编写诗_HTML5用<p>分行加CSS设字体样式编诗歌内容【编写】
最新教程
-
- Node.js 教程
- 14040 2025-08-28
-
- CSS3 教程
- 1540491 2025-08-27
-
- Rust 教程
- 21741 2025-08-27
-
- Vue 教程
- 24261 2025-08-22
-
- PostgreSQL 教程
- 20999 2025-08-21
-
- Git 教程
- 8266 2025-08-21
下载Vue.js devtools的crx文件后，打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序查找），然后拖放 crx文件到扩展页面安装它；
4、点击“添加拓展程序”完成安装。
5、Vue.js devtool插件安装后无法使用，出现提示“vue.js not detected”，这时我们可以使用下面的方法：
第一，我们需要找到Vue.js devtool插件的安装目录。（如果真找不到插件的安装位置，可以在本地电脑搜索插件的ID：nhdogjmejiglipccpnnnanhbledajbpd。）不同操作系统中chrome插件安装位置不同，比如win8系统中chrome插件的安装位置：C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd
第二，在找到了Vue.js devtool插件的安装目录后，打开mainifest.json文件（这是关键）。
将mainfest.json中代码persistent：false，修改成persistent：true。如下图所示：
一般情况下，修改完如上的位置的代码。打开vue项目后，在控制台选择vue，就应该可以正常使用了。
第三，如果通过上面的方法调整过后，还是不能够使用，那么可以调整一下webpack.config.js的代码，如下图所示：
最后，重启一下你的vue项目应该就可以使用了。
二、源代码安装方法
1、在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools。
2、下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。
3、编译完成后，目录结构如下：
修改shells-chrome目录下的mainifest.json 中的persistant为true：
4、打开谷歌浏览器的设置--->扩展程序，并勾选开发者模式
然后将刚刚编译后的工程中的shells目录下，chrome的整个文件夹直接拖拽到当前浏览器中，并选择启用，即可将插件安装到浏览器。
5、打开一个已有的vue项目，运行项目，然后在浏览器中--->设置--->更多工具--->开发者工具，进入调试模式：
发现vue.js is not detected ，可以调整一下webpack.config.js的代码：
最后，重启一下你的vue项目应该就可以使用了。
小结：Vue.js devtool插件安装后出现提示“vue.js not detected”的问题，首先在扩展程序中选择开发者模式，打开插件的安装目录，将mainifest.json 中的persistant为true，如果还不行就调整一下webpack.config.js的代码，最后重启vue项目就可以使用。
相关推荐
热门下载
