Vue devtools安装

最新推荐文章于 2024-04-06 09:00:00 发布
最新推荐文章于 2024-04-06 09:00:00 发布
阅读量270 收藏 1
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_37291053/article/details/108219404
版权

1、下载vue-devtools-master
2、cmd到这个位置，运行npm install下载依赖在这里插入图片描述
3、安装完成之后，然后执行npm run build，编译源程序。
4、修改vue-devtools-master\shells\chrome目录下的mainifest.json 中的persistent为true：
5、安装：打开谷歌浏览器输入地址“chrome://extensions/”进入扩展程序页面，点击“加载已解压的扩展程序”，将chrome文件夹录入及可

如遇这问题？解决方法：

Ｑ：无法为内容脚本加载 JavaScript“build/hook.js”。 无法加载清单。

Ａ：打开manifest.json文件，查找build/，全改成src/就好了

Vue.js 调试神器：Vue Devtools 安装与使用全攻略
bairuoqing的专栏
02-20 2817
Vue Devtools 是一款专为 Vue.js 应用程序设计的调试工具，支持 Chrome 和 Firefox 等主流浏览器。它可以帮助开发者查看组件树结构、监控组件状态、分析性能瓶颈，并支持时间旅行调试。Vue Devtools 支持自定义插件，可以通过扩展其功能来满足特定需求。Vue Devtools 是一款功能强大的调试工具，能够帮助开发者快速定位和解决问题，提升开发效率。通过本文的介绍，你已经掌握了 Vue Devtools 的安装和使用方法。
Vue-DevTools安装教程.docx
08-18
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。本文件Vue-DevTools插件的详细安装过程
vuedevtools 离线安装
qq_38358436的博客
01-13 1380
vue-devtools github: https://github.com/vuejs/vue-devtools 下载文件 git clone https://github.com/vuejs/vue-devtools.git 安装依赖 npm install 打包 npm run build 安装到 chrome instal...
vue-devtools 安装教程
weixin_38779534的博客
07-13 317
你总是不知道明天和意外哪个会先到，是的，本来开开心心以为装个devtools不是什么难事，谁知道就半天就栽在这里了，真是扑街啊。。。 刚开始是在 https://github.com/vuejs/vue-devtools.git 下载的 下载完一步一步往下走： 1.npm install 2.npm build 到build这里就卡住了...卡住了... vue-devtools@5.3.3 build: `cd packages/shell-chrome && cross-env N
vue-devtools安装教程
z_24kchun的博客
04-06 497
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。1.去github上找到vue-devtools并clone。4.添加到chrome。
vue-devtools安装教程（简单易上手）
热门推荐
小白_xm
03-23 2万+
Vue-devtools安装教程 备注：在安装配置Vue-devtools过程中，很多博客上基本上都要求去github官网下载vue-devtools-dev压缩包。下载并解压该压缩文件后，便以管理员的方式打开命令行窗口，然后利用npm进行intsall（命令行：npm install），接下来输入npm install bulid。当然，利用这种方法有一个前提，便是要在此之前先安装好npm，要想安装npm，最便捷的方法是下载一个集成的node.js，而前提是要有一定的node基础。在通过上述办法来安装vu
vuedevtools安装
01-06
本文将详细介绍如何在Chrome浏览器上安装Vue DevTools。 首先，确保你已经安装了Google Chrome浏览器。Chrome以其高速、稳定和丰富的扩展功能受到广大用户的喜爱，也是开发人员常用的浏览器之一。Vue DevTools作为...
vuedevtools安装.zip
10-31
window.Vue && Vue.config.devtools && Vue.config.performance && Vue.use(VueDevtools) } ``` 6. 完成上述步骤后，你应该能在Vue DevTools中看到应用的详细信息。 通过阅读链接提供的博客文章（），你将获得更...
vuedevtools离线包安装
03-23
这个“vuedevtools 离线包安装”流程是为了帮助开发者在没有网络或者网络环境不稳定的情况下，仍然能够便捷地安装和使用 Vue DevTools。 首先，Vue.js 是一个流行的前端框架，由尤雨溪开发，它提供了一种声明式、...
Vue的devtools安装教程
wytccc的博客
11-24 1225
打包成功之后，进入packages/shell-chrome，记事本打开manifest.json文件，将persistent改成true，保存。打开一个引入了Vue.js的html页面，F12就能看到增加了一个Vue的选项，以后在编写Vue代码的时候，可以在这里快速的调试代码。① 如果使用npm run build打包的话，会报错如下，要求使用yarn run build来打包。安装yarn（用npm在打包的时候会失败，使用yarn可以打包成功）安装依赖（时间挺长，耐心等待）去github上拉取工具包。
vue devtools的安装与使用教程
12-08
一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools 二.解压到本地的某盘 三.用你的npm中进入该文件夹下 四.依次输: 1:npm install 2:npm run build         (这一步一定不要忘了，没有执行这一步的话，项目文件夹shells>chrome文件夹里会少一个src文件夹,如下图) 五：修改shells>chrome文件夹下的mainifest.json 中的persistant为true 六：我们找到谷歌浏览器的扩展程序功能，勾选开发者模式，然后我们将插件文件夹里的shells>
vue-devtools插件安装指南.docx
03-05
vue-devtools插件安装指南
vue-devtools-6.0.0 beta 15(不定期更新)
08-24
vue调试工具vue-devtools 更新日期2021-08-24
vue-devtools离线版安装
06-16
vue.js的附属工具vue-devtools的本地版本的插件，直接拖动安装即可使用，版本为5.3.3，同时附带有其他版本工具
vue-devtools安装使用教程
qq_42070758的博客
08-06 2757
vue-devtools安装使用教程 github下载安装包 https://github.com/vuejs/vue-devtools 解压后进入vue-devtools，执行npm install（如果npm install不生效，或者总是报错，可以用yarn install） 然后npm run build一下（或者yarn run build） 进入packges，找到shell-chrome的mainfresh,json将president改为true 在vue-devt
vue中devTools插件安装教程
weixin_62897746的博客
10-01 7823
为了更方便的在开发过程中对 Vue 程序进行调试，除了传统的浏览器自带的 debug 工具以外，我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试
Vue devtools的安装与调试（纯新手向教程）
小隐的博客
07-09 2812
Vue devtools是一款方便与vue开发和调试的工具，然后介绍一下安装过程。（中间还是有很多坑的） github: https://github.com/vuejs/vue-devtools#vue-devtools 下面来介绍详细安装步骤： step1：安装vue插件(https://chrome.google.com/webstore/detail/vuejs-devtools/nh...
Vue-Devtools安装配置教程
weixin_42246997的博客
12-23 175
最简便的方法是用FQ来通过google应用商店进行安装，但需要爬墙，很麻烦。 尝试过安装Node的方法来安装，但是极其不建议用这个方法安装，非常麻烦，而且必须要有node的基础，非常不接地气 下面来一个最简便的方法： （1）在github(https://github.com/vuejs/vue-devtools)下载一个叫做vue-devtools-master的文件。 （2）用npm ...
Vue DevTools安装
最新发布
02-11
### 如何在浏览器中安装 Vue DevTools #### 安装方法概述 对于希望调试基于 Vue 的应用程序的开发者来说，Vue DevTools 是一款不可或缺的工具。该工具支持多种主流浏览器，并提供了简便的安装方式。 #### 浏览器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值