- 综合排序
- 最热优先
- 最新优先
- 来自专栏coding个人笔记
Vue-devtools安装
最近用vue开发，需要看一下vuex的数据结构，原本也没什么，就安装了一下vue-devtools，这边重温一下安装的过程。 首先去github上面下载一个压缩包。 地址：https://github.com/vuejs/vue-devtools 这边是直接下载，另一个还没试过。 ? 解压之后得到： ?
70820发布于 2020-04-24 - 来自专栏前端之路
Vue-devtools安装
[推荐]Vue-devtools安装 vue-devtools是一款vue浏览器开发者工具调试插件 首先从github上将vue-devtools clone到本地 git clone https:
70840发布于 2018-07-17 - 来自专栏前端之攻略
Vue js 安装vue-devtools 原
1、有git的同学直接 git clone https://github.com/vuejs/vue-devtools，没有的话，进入github网站直接下载下来，解压 2、下载完成之后打开cmd 进入vue-devtools文件夹用命令npm install把依赖装好 之后再进行npm run build， 但是npm install往往安装不成功,先安装npm install chromedriver
70720发布于 2019-04-04 - 来自专栏JAVA开发专栏
vue-devtools工具的安装和使用
目录 介绍： 1、从github拉取开发工具源码 2、在vue-devtools目录下安装依赖包 3、执行npm run build 4、打开Chrome浏览器，选择更多工具->扩展程序 5、将刚才看到的 1、从github拉取开发工具源码 2、在vue-devtools目录下安装依赖包 cd vue-devtools npm install 3、执行npm run build 看到如下界面，表示成功 此时在vue-devtools目录下会出现一个shells目录，其中有一个chrome目录 4、打开Chrome浏览器，选择更多工具->扩展程序 5、将刚才看到的chrome目录直接拖拽到上述页面中
1.6K41编辑于 2022-11-16 - 来自专栏前端杂谈
vue调试工具vue-devtools安装及使用
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载： git clone https://github.com/vuejs/vue-devtools 2.在vue-devtools目录下安装依赖包 cd vue-devtools cnpm install 3.修改 4.编译代码 npm run build 5.扩展Chrome插件 Chrome浏览器 > 更多程序 > 拓展程序 点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 6. vue-devtools使用 vue项目, 打开f12, 选择vue就可以使用了. vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试 ?
2.1K80发布于 2018-05-16 - 来自专栏路过君BLOG from CSDN
vue-devtools安装失败Electron failed to install correctly解决
启动报错 C:\Users\Administrator>vue-devtools C:\Users\Administrator\AppData\Roaming\npm\node_modules@vue
1.4K20编辑于 2022-04-13 - 来自专栏Fantasy的技术小站
Vue.js调试神器vue-devtools的安装
更多工具>扩展程序），然后拖放 crx文件到扩展页面安装它 点击“添加拓展程序”完成安装 完成安装点击详情，将允许访问文件网址打开 使用 安装完成之后运行你的vue开发项目，F12就可以看到这个vue-devtools
3K20编辑于 2023-05-02 - 来自专栏Nicky's blog
Vue.js系列之入门手册整理
3.2、安装cnpm支持 在vue-devtools文件夹安装cnpm支持 cd vue-devtools //跳转到vue-devtools文件夹 cnpm install //安装cnpm环境支持 @ D:/VueJs/vue-devtools/src/devtools/components/StateInspector.vue @ D:/VueJs/vue-devtools/node_modules D:/VueJs/vue-devtools/src/devtools/views/vuex/VuexStateInspector.vue? D:/VueJs/vue-devtools/src/devtools/views/vuex/VuexTab.vue? vue&type=script&lan g=js& @ D:/VueJs/vue-devtools/src/devtools/views/vuex/VuexTab.vue @ D:/VueJs/vue-devtools
1.8K20编辑于 2022-05-07 - 来自专栏Devops专栏
Vue 调试工具vue-devtools的安装步骤和使用
安装 Vue.js devtools - 科学上网安装方式 - 推荐: https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjm
68630编辑于 2022-01-17 - 来自专栏若川视野
据说99%的人不知道 vue-devtools 还能直接打开对应组件文件？
据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件？本文原理揭秘 曾经写过以上这篇文章， 也是源码共读中的第一期(点击文末阅读原文直达)。这个功能如下图所示。
29410编辑于 2022-11-11 - 来自专栏Devops专栏
Vue 调试工具vue-devtools的安装步骤和使用
安装 Vue.js devtools 点击该链接地址后，显示如下： 使用 使用一个vue代码来调试看看。
77930发布于 2020-03-19 - 来自专栏Nicky's blog
Vue.js入门手册整理
3.2、安装cnpm支持 在vue-devtools文件夹安装cnpm支持 cd vue-devtools //跳转到vue-devtools文件夹 cnpm install //安装cnpm环境支持 @ D:/VueJs/vue-devtools/src/devtools/components/StateInspector.vue @ D:/VueJs/vue-devtools/node_modules D:/VueJs/vue-devtools/src/devtools/views/vuex/VuexStateInspector.vue? D:/VueJs/vue-devtools/src/devtools/views/vuex/VuexTab.vue? vue&type=script&lan g=js& @ D:/VueJs/vue-devtools/src/devtools/views/vuex/VuexTab.vue @ D:/VueJs/vue-devtools
2.7K50发布于 2019-03-20 - 来自专栏全栈程序员必看
VUE调试工具
到解压的vue-devtools文件目录下安装依赖包。 修改manifest.json文件，该文件在vue-devtools文件的 \packages\shell-chrome 下。 注意下图的vue-devtools文件夹中的vue-devtools文件夹和.git仓库文件是后来进行 git操作后得到的，一开始D盘下的vue-devtools文件夹中没有任何内容。 下载完成后，我的文件目录成了这个样子（也就是前面提到的），多了vue-devtools文件夹和.git文件夹。 接着我打开了 powershell，将当前工作目录切换到 D:\vue-devtools\vue-devtools 下，输入命令 git checkout master。 因为在我们克隆完vue-devtools安装包后，D:\vue-devtools\vue-devtools 目录下默认进入的是dev环境，（这个我在 git命令行程序 中核实过了，但是当时没有截图，sorry
2.1K40编辑于 2022-11-04 - 来自专栏若川视野
尤雨溪开发的 vue-devtools 如何安装，为何打开文件的功能鲜有人知？
第一周读的是：据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件？本文原理揭秘。虽然我写过文章，但我还是相信有部分小伙伴还是不知道这个功能。 ? vue-devtools 高效打开对应组件文件 文中项目用的是vue3，所以需要安装 vue3 版本对应的vue-devtools。 但有挺多小伙伴，无法打开谷歌应用市场。 打包插件和安装方法 打开 github vue-devtools[1] 发现名字也更新了，之前是叫vue-devtools，现在是devtools了，竟然还出了devtools 官网[2]。 2.1 打包 vue3 版本对应的 vue-devtools 查看官方README：vue-devtools contributing[3] ? 2.2 打包 vue2 版本对应的 vue-devtools 查看官方README：vue2 devtools REAMDE.md[4] ?
84720发布于 2021-08-10 - 来自专栏全栈程序员必看
devtools安装_检测devtools
vue-devtools是一款基于chrome浏览器的插件，用于调试vue应用。 安装: chrome商店直接安装。 手动安装 步骤: 找到vue-devtools的github项目，并将其clone到本地:git clone https://github.com/vuejs/vue-devtools.git 安装项目所需要的 npm install 编译项目文件:npm run build 添加至chrome浏览器:地址(“chrome://extensions/”)进入扩展程序页面，点击“加载已解压的扩展程序…”按钮，选择vue-devtools >shells下的chrome文件夹(例如:filenames/…/vue-devtools/shells)。
72030编辑于 2022-09-27 - 来自专栏yaphetsfang
最全Vue开发环境搭建
那个就是vue调试工具vue-devtools扩展程序 vue-devtools的安装以及解决（chrome提示“禁用开发者模式运行的扩展程序”） 1.git clone https://github.com 6. vue-devtools使用 调试需引用开发环境下的完整版vue.js,如果使用生产环境压缩后的版本（vue.min.js）会报以下错误： ? 安装完vue-devtools后，每次打开浏览器会弹出提示 ?
2.6K20发布于 2020-07-30 - 来自专栏友儿
Vue框架控制台Console提示Download the Vue Devtools extension....
Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools 翻译： 下载Vue Devtools扩展以获得更好的开发体验：https://github.com/vuejs/vue-devtools 解决： 解压 在地址栏输入 chrome://extensions
4K20编辑于 2022-09-11 - 来自专栏服务器运维笔记
据说 99% 的人不知道 vue-devtools 还能直接打开对应组件文件？本文原理揭秘
而vue-devtools提供了这样的功能，也许你不知道。我觉得很大一部分人都不知道，因为感觉很多人都不常用vue-devtools。 ? 本文就是根据学习尤大写的 launch-editor[5] 源码，本着知其然，知其所以然的宗旨，探究 vue-devtools「在编辑器中打开组件」功能实现原理。 2. vue-devtools Open component in editor 文档 探究原理之前，先来看看vue-devtools官方文档。 vuejs/vue-devtools[6]文档 Open component in editor To enable this feature, follow this guide[7]. 4. vue-devtools 开箱即用具体源码实现 接着我们来看Vue CLI 3中开箱即用具体源码实现。
2.9K30发布于 2021-06-16 - 来自专栏逆锋起笔
Vue 开发移动端项目，这个工具对你一定有帮助
实现过程 分析完Vue、Vue-devtools、vConsole源码以后，似乎可行。 步骤如下： 剥离Vue-devtools @front部分 实现@backend 和 @front 部分通信 实现front注入iframe iframe嵌入vConsole 制作npm包并发布 1. 剥离front 首先一个问题就是 Vue-devtools并不是一个库，所以npm上没有它，无法引用，其次这个工程也不适合作为库输出，因为它的打包方式比较特殊，还有这个工程本身的目的就是打包成一个可执行的 所以剥离frontend非常简单，在Vue-devtools工程的package.json中增加script："buildvc": "cd packages/shell-dev && cross-env
88120发布于 2021-05-18 - 来自专栏前端框架
你还在用 vue-devtools，快来试试 vite-plugin-vue-devtools，更加丝滑，更加全能！
最近，我发现了 vite-plugin-vue-devtools，我想知道和平时用的浏览器版 Vue Devtools 到底有啥区别？ 于是果断安装了，结果发现比浏览器版香多了！
1.5K10编辑于 2025-04-30
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号