chrome安装vue-devtools最简便方法

已于 2022-07-19 20:57:25 修改
阅读量266 收藏
点赞数
文章标签： node
于 2020-11-02 15:48:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SiShen654/article/details/109450246
版权

0-不要再去github下载源码，去install和build了，坑而且容易报错

1-随便新建一个名为vue-devtools的文件夹

2-使用命令

cnpm i vue-devtools

3-打开chrome的设置

在这里插入图片描述
在这里插入图片描述

4-选择刚刚安装的模块中node_modules\vue-devtools\vender文件夹

在这里插入图片描述

5-修改manifest.json的"persistent"为true

在这里插入图片描述

6-重新启动浏览器再调试vue应用的时候可以看到如下图，即安装成功

在这里插入图片描述

编辑 | sishen
来源 | 前端兔
公众号 | 前端兔

关注公众号查看更多前端知识分享~~

死神654
关注
Chrome 安装 Vue 开发者工具插件 Vue Devtools
宋志辉的博客
04-03 1207
Vue Devtools 是一个非常实用的 Chrome 浏览器插件，它为 Vue 开发者提供了强大的开发和调试功能。通过安装和使用 Vue Devtools，你可以实时查看和修改组件的数据和状态，分析组件的性能和渲染情况，提高 Vue 应用的开发效率。如果你是一名 Vue 开发者，强烈建议你安装和使用 Vue Devtools，它将为你的开发工作带来极大的便利。赶快行动起来，在 Chrome 浏览器中安装 Vue Devtools，开启更高效的 Vue 开发之旅吧！
chrome插件 vue-devtools离线安装包
04-27
Chrome插件Vue DevTools是Vue.js开发过程中不可或缺的工具，它为开发者提供了一套强大的调试功能，如实时查看组件状态、检测性能、修改数据等。 Vue Devtools 5.3.3 版本是该插件的一个稳定版本，可以从GitHub上...
Chrome 浏览器安装Vue Devtools调试工具 (详细教程)
热门推荐
li22356的博客
01-24 5万+
本人认为利用外网安装调试工具插件是最好的，还不会出错，但是缺点也是很简单，你要调试你就要开启外网，所以直接下载调试工具安装虽然很麻烦，但是解决了开启外网才能使用的缺点。 1. 首先下载Vue Devtools调试工具 https://github.com/vuejs/vue-devtools/tree/v5.1.1 之所以安装5.1.1版本的原因就是我安装的过程中出错了，不能安装新版本，为了解决这个错误只能安装5.1.1版本的 安装最新报错信息如下： Error: Cannot find module.
前端同学必备：教你如何安装、使用Chrome的vue-devtools插件
最新发布
weixin_41978174的博客
08-04 206
Vue-devtools是一个插件，它是一个浏览器调试工具，用于开发Vue.js应用程序。它可以用于Vue.js应用程序的调试，可以更好地了解应用程序的结构和状态，以及帮助快速修复代码错误。Vue-devtools插件的作用和优势如下：1. 调试Vue.js应用程序：Vue-devtools是一个强大的调试工具，可以帮助开发人员正确地调试应用程序并快速找到问题所在。2. 明确了解应用程序的状态和结构：Vue-devtools插件可以帮助开发人员更好地了解应用程序的运行状态和架构。
chrome安装vue-devtools
成在坚持，贵在坚持
11-19 1000
chrome 安装 vue-devtools插件 方法1：在github下载vue-devtools https://github.com/vuejs/vue-devtools npm i // 下载依赖 npm run build // 打包 结果在打包的时候报错，无法打包成功 方法2：全局安装vue-devtools （1），安装 npm i -g vue-devtools 在node全局安装文件夹中可以看到以下，说明安装成功 （2）加载插件，打开chrome的扩展程序页面 在扩展程序页面，点击
Chrome浏览器 安装Vue插件vue-devtools
A_aspectJ的博客
03-30 5231
vue-devtools 是一个为 Vue.js 开发者设计的 Chrome 插件。它可以让你更轻松地审查和调试 Vue 应用程序。与普通的浏览器控制台工具不同，Vue.js devtools 专为 Vue 的响应性数据和组件结构量身定做。
vue-devtools chrome 开发工具
u013362969的博客
06-02 7025
1.github下载地址：https://github.com/vuejs/vue-devtools 有Git的同学直接 git clone https://github.com/vuejs/vue-devtools 2.下载安成之后打开cmd进入vue-devtools文件夹把依赖装好npm install 之后再进行npm run build 最好装一个cnpm 3.然
Vue调试神器vue-devtools.zip
12-26
安装Vue Devtools非常简单，只需在Chrome或Firefox的Web扩展商店搜索"Vue Devtools"，然后按照提示进行安装即可。在实际的项目开发中，它将是你不可或缺的伙伴，帮助你轻松应对各种Vue应用的调试挑战。
vue-devtools_vue-devtools官网_vuedevtoolschrome_vue-devtools_
10-03
安装Vue Devtools非常简单，只需在Chrome浏览器的扩展程序商店搜索“Vue Devtools”，然后点击添加到浏览器即可。在开发模式下运行Vue应用时，Vue Devtools会自动激活。在生产环境中，为了安全和性能原因，通常不...
前端vue浏览器插件vue-devtools，前端vue开发
04-10
安装Vue Devtools 很简单，只需在Chrome浏览器中访问Chrome Web Store，搜索并安装Vue.js Devtools扩展程序。安装完成后，打开一个包含Vue.js的网页，打开开发者工具（F12或右键点击页面选择检查），你就会看到Vue ...
Vue调试神器vue-devtools安装方法
11-29
vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。 2.手动安装： 第一步：找到vue-devtools的github项目，并将其clone到本地. vue-devtools ...
vue-devtools chrome 插件
12-19
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，ch rome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
vue-devtools chrome
11-04
chrome 下的vue-devtools工具。能够调试vuex，对vue开发有很大的辅助作用。
vue-devtools(chrome vue 调试插件)
12-02
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，chrome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
Chrome安装Vue插件vue-devtools
AIBB_520的博客
04-10 1191
当你开始使用Vue.js来开发Web应用程序时，Vue Devtools是一个非常有用的工具，它可以帮助你调试和优化你的Vue应用程序。在本文中，我们将介绍如何在Chrome浏览器中安装和使用Vue Devtools插件。
chrome 安装 vue-devtools
u013345780的博客
06-17 79
chrome 安装 vue-devtools
在Chrome中安装vue_devtools调试工具
yyzx_yyzx的博客
07-05 1468
下载vue_devtools_chrome 链接：https://pan.baidu.com/s/13zrT7CS9h3jP6c9ddOATmA?pwd=dbj1 提取码：dbj1
Chrome 安装Vue devtools
小卡拉米的博客
04-19 2829
1.首先到github上下载vue-devtools的项目，或者使用git clone git clonehttps://github.com/vuejs/vue-devtools.git 2.进入解压的文件夹按住 shift + 右键 选择进入powershell ，输入 npm install vue-devtools 3.完成后，进入该文件下的node——modules文件，找到vue-devtools文件，将vender文件拖至chrome浏览器即可。 4.进入verder下的m.
Chrome vue-devtools插件安装
lb320的博客
10-29 424
Chrome vue-devtools插件安装
vue-devTools
08-19
安装vue-devTools非常简单，只需要下载该工具并在Chrome浏览器中安装即可。 首先，你需要创建一个空文件夹，并进入该文件夹的终端。然后输入命令"npm install vue-devtools"进行安装即可。 安装完成后，你可以在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值