傻瓜式安装Vue-Devtools

最新推荐文章于 2022-04-02 03:38:22 发布
最新推荐文章于 2022-04-02 03:38:22 发布
阅读量387 收藏
点赞数
分类专栏： 拳打Vue 文章标签： vue npm vue调试器 Vue-Devtools
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45283768/article/details/103633758
版权

        在阅读很多vue相关的官方文档时，总会看见官方推荐调试器Vue-Devtools，比如啥Vue.js/Vue Router/VueX等都有介绍，既然是官方的‘儿子’，那么想必是极好用的，反手百度一手看看大家的评价，效果也是不错的(❤ ω ❤)(❤ ω ❤)
        那就搞来玩玩儿呗？嗯，想的倒是美，连着翻了几篇帖子，要么通过google商店安装，但得科学上网，要么自己搞node要么去github克隆资源下来再npm一系列操作，看到这儿时澎湃的内心已经没多少涟漪了╮(╯-╰)╭╮(╯-╰)╭╮(╯-╰)╭╮(╯-╰)╭
        在放弃之际，嘿，看见了这个帖子，原博主已经在项目里配置好了所需要的依赖，只需要下载下来就能用了，完美φ(゜▽゜*)♪φ(゜▽゜*)♪φ(゜▽゜*)♪
        传送门：傻瓜式安装Vue-Devtools

一头浓密的黑发
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-devtools
03-27
在Chrome、Firefox等主流浏览器上安装Vue Devtools后，开发者可以在浏览器的开发者工具中找到Vue标签页。这个标签页分为以下几个部分： 1. **组件树**：展示了应用中的所有Vue组件及其嵌套关系。你可以查看每个组件...
vue-devtools的安装与使用
热门推荐
weixin_43843572的博客
05-26 8万+
vue-devtools的安装与使用
Vue DevTools 使用指南 - 如何安装和使用 Vue DevTools 调试 Vue 组件
蒋川@卡拉云
04-02 2万+
Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。
vue调试工具vue-devtools的安装
lzy_1112的博客
01-03 5万+
先导vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。第一步：  我们可以先从github上找到vue-devtools的项目，下载到本地。下载vue-devtools链接。克隆方法：git clone https://github.com/vuejs/vue-devtools.git...
vue-devtools安装（图文详细教程）
liqz666的博客
07-16 1万+
1、下载vue-devtools工具 直接在github 上下载解压，网址为https://github.com/vuejs/vue-devtools 运行cmd打开终端，进入到解压后的目录里，windows切盘符命令为D: 进入目录文件为cd ./xxx 显示所有目录为dir 进入解压目录安装npm install 或者cnpm install（npm是node.js的一个插件，如果使用不了请...
谷歌vue调试工具devtools安装的傻瓜教程（图文详解）
darabiuz的博客
07-12 1508
1.去Chrome的插件网下载Vue.js devtools插件，链接如下 https://www.cnplugins.com/devtool/vuejs-devtools/ 2.下载完成之后会得到以下文件 我们点击重命名，将文件后缀改为.rar,把文件修改为以下形式 3.点击鼠标右键，选择解压到“…” 得到以下解压过后的文件夹 4.进入谷歌浏览器界面，点击右上角竖着的三点，点击‘“更多工具—拓展程序” 5.点击加载已解压的拓展程序，把我们刚刚解压的文件夹拖进来 5.安装成功 6.进行测试，
vue-devtools-5.1.1
12-29
这个"vue-devtools-5.1.1"版本是Google开发的Vue DevTools的一个特定版本，主要用于支持Vue.js 2.x的应用。 Vue DevTools 5.1.1 版本主要特性包括： 1. **组件树视图**：展示应用中的所有Vue组件及其层级结构，...
Vue调试神器vue-devtools.zip
12-26
安装Vue Devtools非常简单，只需在Chrome或Firefox的Web扩展商店搜索"Vue Devtools"，然后按照提示进行安装即可。在实际的项目开发中，它将是你不可或缺的伙伴，帮助你轻松应对各种Vue应用的调试挑战。
vue-devtools@6.1.4谷歌插件
04-27
vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去
vuetools安装方法
张无忌
03-08 4935
下载扩展,安装： 修改配置文件： 由之前的false改为true 有时安装好又上角图标亮了但f12没有vue图标，可能你的vue版本是生产版本，vue调试是关闭的，通过 Vue.config.devtools = true;配置即可。 ...
vue-devtoools 调试工具安装
weixin_30832983的博客
04-22 126
1.github下载地址：https://github.com/vuejs/vue-devtools 有Git的同学直接 git clonehttps://github.com/vuejs/vue-devtools 2.下载安成之后打开cmd进入vue-devtools文件夹把依赖装好npm install 之后再进行npm run build 在vue-devtools目录下安装依赖包：...
vue的测试，vue-devtools
curry_zhao的博客
12-03 1万+
1.安装chrome插件：Vue.js devtools(https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd?hl=zh-CN 2. 下载vue-devtools (https://github.com/vuejs/vue-devtools) 3. 修改文
安装vue开发调试神器vue-devtools
liu911025的博客
09-13 4034
下载chrome扩展插件 GitHub下载地址： https://github.com/vuejs/vue-devtools使用cnpm代替npm按照依赖包了，npm安装依赖包确实太慢了… cnpm安装查看上篇文章下载chrome扩展插件完成后打开命令行cmd进入vue-devtools文件夹,输入命令cnpm install如果在安装时报错 [fsevents@^1.0.0] option
前端的调试神器whistle---傻瓜式教程
ferrysoul的博客
03-29 3524
安装使用时间 2020.3.29 一。使用背景： 腾讯实习项目‘看点直播H5’需要用到whistle，开发调试H5项目的iphone X。 二。whistle简介 它是基于Node实现的跨平台web调试代理工具，用于前端的移动 H5 http, https 的抓包。 三。功能： 在这个项目中用到的功能有： 查看 HTTP、HTTPS 请求响应内容、 作为 HTTP 代理或反向代理、...
google中的Vue Devtools插件（二）
ABigKing的博客
02-23 2512
1,首先在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools    1-1，下载红色标记的zip压缩包2,解压源码到指定目录（一定是你不经常移动的地方，这个文件最好不要移动毕竟有10000多个文件，所以目录要想好了）    2-1，解压到一个目录，最后如果移动插件地址（就是你刚解压的这个），会让插件消失    2-2，win+r ...
超简单vue-devtools工具安装
这货，不靠谱
10-31 1万+
vue-devtools工具安装1.下载vue-devtools2.安装工具3.工具使用 1.下载vue-devtools 下载地址:vue-devtools 或使用git下载 $ git clone https://github.com/vuejs/vue-devtools 2.安装工具 $ cd ./vue-devtools/ #切换到master $ git checkout master #安装,比较久需等待,如果是dev分支则会报错 $ npm install $ npm run build
vue调试工具vue-devtools安装及使用
前端小狮的博客
07-11 3552
vue调试工具vue-devtools安装及使用 本文主要介绍 vue的调试工具 vue-devtools 的安装和使用 工欲善其事, 必先利其器, 快快一起来用vue-devtools来调试开发你的vue项目吧 安装: 1.到github下载： git clone https://github.com/vuejs/vue-devtools //下载太慢的话可直接去这个地址 下载压缩包...
electron如何打开调试工具
kerryqpw的博客
12-10 6261
electron如何打开调试工具 JS代码的调试 由于Chromium的多进程结构，所以JS代码运行在两种不同的进程环境下，对应的调试方式也分为两种 渲染进程下的JS代码调试 这个相对简单，我们用代码打开Chromium的开发者工具即可愉快的调试了，代码如下： let win = new BrowserWindow() win.webContents.openDevTools...
mac 安装vue-devtools
最新发布
12-10
以下是在Mac上安装vue-devtools的步骤： 1.首先，确保你已经安装了Node.js和npm。如果没有，请先安装它们。 2.打开终端并输入以下命令来全局安装vue-cli： ```shell npm install -g vue-cli ``` 3.接下来，输入以下命令来克隆vue-devtools存储库： ```shell git clone https://github.com/vuejs/vue-devtools.git ``` 4.进入vue-devtools目录并安装依赖项： ```shell cd vue-devtools npm install ``` 5.最后，输入以下命令来构建vue-devtools： ```shell npm run build ``` 6.构建完成后，你可以在vue-devtools/shells/chrome 目录下找到一个名为“devtools”的文件夹。打开Chrome浏览器并导航到chrome://extensions/。在右上角启用“开发者模式”，然后点击“加载已解压的扩展程序”并选择刚才构建的“devtools”文件夹。 7.现在，你就可以在Chrome浏览器的开发者工具中使用vue-devtools了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值