总结devtools-main的安装

已于 2022-08-31 16:39:32 修改
阅读量800 收藏
点赞数
分类专栏： vue 文章标签： vue
于 2021-07-21 17:41:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mengyu522/article/details/118971036
版权

关于devtools-main插件安装

devtools-main 下载n次，一直卡在npm install之后，npm run build 总是报错，最后尝试用yarn 安装了

下载：

下载https://github.com/vuejs/vue-devtools

直接下载安装包：

在这里插入图片描述

安装：

解压
在这里插入图片描述
修改配置
在这里插入图片描述

安装依赖：yarn ![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/4
最低0.47元/天 解锁文章
mengyu522
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
devtools-main.zip
07-16
chrome正版VUE扩展插件，超好用，全网正版
Vue-Devtools 安装教程
weixin_47607441的博客
07-26 279
Vue-Devtools 安装教程
vue-devtools-简介、下载、安装、配置、使用
热门推荐
记录和分享属于我的“IT”时光
03-21 2万+
vue-devtools-简介、下载、安装、配置、使用
devtools安装_如何安装vue-devtools并且使用
weixin_39866774的博客
11-25 131
使用vue开发项目时，如果习惯vue当前项目一些操作后相关数据的变化的日志信息，可以安装一个vue-devtools调试工具。如何安装呢？请看下边：一：下载与安装：1.下载好vue-devtools压缩包(crx类型的压缩包)，直接解压到你自己选择的本地目录中：2.打开谷歌浏览器，打开设置，并找到扩展程序：3. 打开扩张程序按钮后，需要先把右上角的开发者模式打开，默认是关闭状态：4.点击''加载已...
vue devtools 插件安装
imByte的博客
12-16 978
谷歌应用商店打不开，可以使用这种方式来安装 vue 调试工具。
小程序DevTools-main抓包
最新发布
weixin_44000328的博客
10-10 4165
启动微信后, 继续在刚才cmd里面输入。
spring-boot中使用spring-boot-devtools的实现代码
08-25
**安装与使用** 要在Spring Boot项目中使用DevTools，首先要在`pom.xml`文件中添加对应的依赖： ```xml <groupId>org.springframework.boot <artifactId>spring-boot-devtools <optional>true</optional> <!-- ...
DevTools:开发工具的容器
04-06
总结来说，"DevTools:开发工具的容器"是一个包含多种开发工具的综合平台，通过Shell提供与操作系统交互的能力。在DevTools-main这样的核心组件中，我们可以找到构建和管理这个开发环境的关键信息。理解并熟练使用...
manifest-merger-22.1.1.zip
10-15
总结，通过"Maven原型创建一个简单的Bukkit插件"，我们可以学习到如何利用现代开发工具提升效率，以及Bukkit插件开发的基本流程。结合"manifest-merger-22.1.1.zip"，我们可以思考在不同场景下解决依赖冲突的策略，...
postmain 插件
05-31
Google postmain 插件 用于发送http请求，Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。
eclipse插件，在源码中右键菜单，增加一个main函数
01-07
很简单的一个功能，就是在java代码中右键的时候，会显示出来一个选项点击之后，在系统剪贴板里面就有了main函数的代码。然后粘贴到java代码里面就行了。这么做的目的是，我在写代码的过程中写一个函数经常要写个main函数来测试下，每次都手写main....写烦了，所以弄了这么个东西，虽然很简单，但是对我来说还比较实用。
vue-ntko-demo.zip
09-12
4. **引入NTKO**：在Vue组件或全局设置中引入NTKO库，例如在`main.js`中添加`import 'ntko-sdk'`，确保库可以在项目中使用。 5. **编写组件**：创建Vue组件来展示和操作NTKO功能，例如文档预览、编辑、保存等。NTKO...
dependency-analysis-android-gradle-plugin：用于Java，Kotlin和Android项目的Gradle插件。 提供有关管理依赖项和其他已应用插件的建议
02-03
在压缩包文件"dependency-analysis-android-gradle-plugin-main"中，包含了插件的主要源码和资源，供开发者深入学习和定制化使用。通过深入理解并应用这个插件，开发者可以更好地管理和维护自己的项目，从而在快速...
devtools安装
weixin_46048542的博客
11-30 7280
加载已解压的扩展程序，接着选择找到刚才解压的文件夹 ，目录层级为：E:\devtools\devtools-main\packages。vue官网上找到vue-devtools的GitHub项目。我选择放在E盘中新建的devtools文件中，解压。进入解压好的devtools-main文件夹中。搜极简插件，在里面搜devtools。然后在命令窗口中输入以下命令。这里默认已经下载了node。完成之后，进入谷歌浏览器。选择更多工具–>扩展程序。
Vue.js devtools@6.5.0调试插件编译安装（踩了很多坑，最终编译成功，附截图）
qq_41833651的博客
08-15 504
Vue.js devtools@6.5.0调试插件编译安装（踩了很多坑，最终编译成功，附截图）
vue开发者工具dev-tool的安装
weixin_50680057的博客
04-13 1195
1、下载网址：https://github.com/Redxym/dev-tools 2、谷歌浏览器-》扩展程序，拖动刚刚下载好的压缩包，将chrome文件夹添加至‘加载已解压的扩展程序’
MyEclipse插件开发-在当前代码中增加main函数的插件
imzoer的专栏
01-06 3069
在开发过程中，一般会遇到些了一个函数想测试一下。最简单的办法就是在代码中直接增加一个main函数然后来运行一下。但是，手写是不是很麻烦？ 还是开发一个插件吧，插件不做别的，就专门在当前代码中申城一个main函数。【如果已经存在一个main函数了则不再生成】 这里有一个介绍插件开发的。介绍的比较详细。 根据这里的来做，可以大概的给一种资源，比如说文件夹、文件等添加右键菜单。 【我要开发的插件
vue-devtools安装以及遇到的问题
qq_41998918的博客
08-04 958
devtool安装及遇到的问题
vue-devtools-5.1.1.zip chorme
07-02
### 回答1： vue-devtools-5.1.1.zip 是一个用于 Vue.js 的开发工具包，它提供了在 Chrome 浏览器中进行 Vue.js 应用程序调试的能力。 在 Chrome 浏览器中，我们可以通过安装 vue-devtools-5.1.1.zip 这个插件来使用这个开发工具。安装插件后，我们可以在开发者工具中找到 Vue Devtools 选项，并点击进行打开。 打开 Vue Devtools 后，我们可以看到左侧面板列表列出了 Vue.js 应用程序的组件层次结构。通过展开组件，我们可以查看每个组件的状态、属性和事件。可以通过在这些组件上进行查看、编辑和监视来进行调试。 此外，Vue Devtools 还提供了性能分析的功能。我们可以通过选择 Performance 标签并执行一些操作来检查 Vue 应用程序的性能瓶颈。这个工具可以帮助我们优化代码并提高应用程序的性能。 总之，vue-devtools-5.1.1.zip 是一个方便的开发工具包，能够帮助我们在 Chrome 浏览器中进行 Vue.js 应用程序的调试和性能分析。通过使用它，我们可以更方便地开发和调试 Vue.js 应用程序，并优化其性能。 ### 回答2： vue-devtools-5.1.1.zip 是 Vue.js 的开发者工具的版本为 5.1.1 的压缩文件。Chorme 是指 Google Chrome 这个浏览器。 Vue.js 是一个流行的 JavaScript 前端框架，使用它可以更高效地构建用户界面。而 vue-devtools 则是 Vue.js 的浏览器插件，帮助开发者在 Chrome 浏览器上更方便地调试和分析 Vue.js 应用程序。 vue-devtools-5.1.1.zip 是 vue-devtools 的一个特定版本的压缩文件，包含了安装 vue-devtools 所需的所有文件。这个压缩文件可以通过下载的方式获取。 Chorme 是一款流行的网络浏览器，被广泛应用于各种操作系统和设备上。为了使用 vue-devtools，你需要将下载的 vue-devtools-5.1.1.zip 文件解压缩，并在 Chrome 浏览器中安装 vue-devtools 插件。安装成功后，你可以在开发者工具中找到 Vue 选项卡，以便于调试 Vue.js 应用程序。 总结起来，vue-devtools-5.1.1.zip 是 Vue.js 的开发者工具的特定版本的压缩文件，Chorme 是指用于安装该压缩文件并调试 Vue.js 应用程序的 Google Chrome 浏览器。 ### 回答3： vue-devtools-5.1.1.zip是Vue.js开发工具的压缩文件，用于在Chrome浏览器中进行Vue.js应用程序的开发和调试。此工具是由Vue.js团队开发的，旨在简化开发人员在开发过程中对Vue.js应用程序进行调试和分析的工作。 使用vue-devtools，开发人员可以方便地检查Vue组件的状态、观察和修改数据、查看组件层次结构等。它提供了一个直观的用户界面，让开发人员可以更好地了解和分析他们的Vue.js应用程序。 要将vue-devtools添加到Chrome浏览器中，首先需要将zip文件下载到本地计算机。然后，在Chrome浏览器的地址栏中输入"chrome://extensions/"，打开扩展程序页面。在该页面的右上角开启开发者模式，然后点击"加载已解压的扩展程序"按钮。 选择下载的vue-devtools zip文件，然后点击确认。这样，vue-devtools就会被添加到Chrome浏览器的扩展程序列表中。之后，在开发Vue.js应用程序时，可以通过单击Chrome浏览器的扩展程序图标，打开vue-devtools面板，并进行相关调试和分析操作。 总之，vue-devtools是一个非常有用的工具，可以大大简化Vue.js应用程序的开发和调试过程，提高开发效率。通过将其添加到Chrome浏览器中，开发人员可以更方便地使用此工具进行Vue.js应用程序的调试和分析。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值