安装vue-devtool

最新推荐文章于 2024-06-11 02:47:15 发布
最新推荐文章于 2024-06-11 02:47:15 发布
阅读量543 收藏
点赞数
分类专栏： 前端报错 文章标签： vue.js chrome javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42349568/article/details/121722079
版权

新买了台电脑，想要安装vue-devtool，发现安装不上，特此记录下。

一，下载

因为某种大家都知道的原因，外网上不了。
可以使用这里的下载地址：
https://chrome.zzzmh.cn/info?token=ljjemllljcmogpfapbkkighbhhppjdbg
选择meta版本。可以支持vue3。
在这里插入图片描述

二，安装

谷歌浏览器-更多工具-扩展程序界面打开后，把下载后解压的文件拖进去就行了。
如果出现“无法从该网站添加应用、扩展程序和用户脚本”的问题。
谷歌浏览器输入
chrome://flags/#extensions-on-chrome-urls改成允许安装：
在这里插入图片描述

三，安装完成后配置

在这里插入图片描述

笑道三千
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安装vue-devTool
Celester_best的博客
03-20 2494
因为chrome浏览器受限，不能在线安装devTools插件，只能离线安装。离线安装的方法有如下几种： 下载devTools源码 devtools下载地址：https://github.com/vuejs/devtools 下载之后通过cmd命令进入到文件夹， 1、首先输入安装依赖； 输入npm install命令 2、接着编译 输入npm run build命令 3、如果第二步成功之后，修改manifest.json文件 找到manifest.json文件（shells ->
vue调试工具vue-Devtool的安装
xjjjj1的博客
06-24 623
在平常的前端开发中，调试工具的使用是十分必要的，而在进行vue的开发中使用普通的devtool或许并不能满足开发人员的需求，在这时vue Devtool便体现出了其重要性。本文主要对vueDevtool的安装与本人安装中遇到的问题进行讲解。 1.到github下载vueDevtool git clone https://github.com/vuejs/vue-devtools 我在使用此命令安装后在后须的编译代码过程中会报错，解决方法是安装较低版本的vue devtool（v5....
【Vue】初识Vue，Vue简介及Vue Devtools配置_vue
最新发布
2401_85124347的博客
06-11 309
2020年9月18日Vue3.0.0正式发布别名One Piece（没错就是海贼王）。
Chrome谷歌浏览器离线安装vue-devtool
codezha的博客
01-28 1333
开发vue项目过程中vue-devtool可以帮助我们只管看到对应的数据，方便调试，安装方法有以下两种 1、在Chrome商店，搜索vue-devtool，安装后启用（网络可能不通） 2、GitHub下载插件，完成安装并启用 下面我们来介绍下方法二的详细操作步骤 下载插件 下载链接 下载后解压 安装依赖 vue-devtools-master文件夹下先后执行以下命令 npm install npm run build 命令执行完成后，会在shell->chrome目录下生成相应文件 浏览器安
vue-devtool安装
qq_29594051的博客
01-07 371
1. 关于安装时出现“无法从该网站添加应用、扩展程序、和用户脚本”等问题，大概率是谷歌浏览器版本不是最新版，推荐在浏览器 - 帮助 - 关于 Google Chrome 中进行升级或者重新安装。插件具体内容由该插件的开发者负责，与本站无关。最新版浏览器下载更新地址：https://www.google.cn/intl/zh-CN/chrome/插件安装教程：https://chrome.zzzmh.cn/help/setup。极简插件官网：https://chrome.zzzmh.cn。
vue -devtool
weixin_42231823的博客
12-22 2595
CSDN首页 首页 博客 程序员学院 下载 论坛 问答 代码 直播 电子书 最牛小程序：想要的资源都能搜到？ 会员中心 收藏 动态 消息15 创作中心 vue调试工具vue-devtools安装及使用（最新） 清虚桂意 2020-06-23 10:27:29 606 已收藏 4 分类专栏： vue 版权 github 克隆 vue-devtools官方项目地址 git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git 1 此处安装v5.1
vue-devtool插件使用
admin12345671的博客
05-18 2196
使用vue-devtool可以查看vue组件里面的data里面的变量，methods里面的函数，和一些全局对象比如说:$refs,$route，可以查看vuex里面的变量及变化监听。 可以看到，我们通过搜索priceProcess组件名称，找到了该组件，点击组件之后，看到了data，computed里面的变量，并且得到了一个$vm0的vue对象，图中我们也看到了vuex和event。我们试着查看和改变一些变量。 可以看到，我们通过$vm0全局变量，成功操作了该组件定义的loading变量。通过该工
新版 Vue-devtool 离线安装
weixin_45773503的博客
02-26 2253
github下载地址： https://github.com/vuejs/vue-devtools/ 记得用tags里面的 解压 然后用管理员方式打开cmd后进入解压文件后、 执行npm install 然后执行npm run build（原来）之后会报错，因为要用 yarn 来安装 所以安装yarn npm -g bin找到npm的bin目录 到bin目录下，使用管理者模式打开cmd,运行npm i -g yarn 使用yarn 在下载的文件夹内跑yarn install 然.
electron +vue3项目中添加vue-devtool插件
九段刀客的博客
10-16 1471
electron配置vue插件
vue-devtool的安装
qq_41910359的博客
07-28 173
vue-devtool的安装vue-devtool的安装dev-tool项目的git获取安装项目所需要的npm包打包项目添加至chrome游览器 vue-devtool的安装 dev-tool项目的git获取 cmd命令行或者git命令行下运行 git clone https://github.com/vuejs/vue-devtools.git 安装项目所需要的npm包 cd 我们刚才下载的项目的根目录 npm install 打包项目 npm run build 添加至chrome游览器 *游览器
vue-devtool5.3.3可安装包
03-01
这个包从开始到最后出来效果，经过了两天的时间，走了很多弯路，但最终还能搞定。...编译的环境window10 yarn，cnpm,npm都是最新的包，当然vue-devtools5.3.3是2020.03.01下载的，估计3个月内，应该是最新的吧。
vue-devtool 5.1.1
12-29
Vue Devtool 可以在Chrome浏览器中作为扩展程序安装。它允许开发者实时查看和修改Vue实例的数据、观察组件的生命周期、跟踪Vue的渲染过程以及性能分析。以下是一些关键知识点： 1. **组件树**：Vue Devtool 显示...
vue- devtool 6.2 资源下载
10-19
在Chrome、Firefox等浏览器上安装Vue Devtool后，开发者可以在浏览器的开发者工具中查看并操作Vue应用的组件树、状态、事件以及性能。 Vue Devtool 6.2 是该插件的一个版本，可能包含了更新和改进，以更好地支持Vue...
vue-devTool编译和安装教程附源代码和编译后的安装包
04-03
在Chrome、Firefox等浏览器上安装Vue DevTools可以极大地提升Vue应用的开发效率。 本教程将详细介绍如何编译和安装Vue DevTools，以及如何使用源代码进行操作。我们将分为以下几个步骤进行： 1. **环境准备** - ...
vue-component-devtool:Vue 组件开发模板
05-14
usegit clone https://github.com/mengdu/vue-component-devtool my-component安装依赖yarn# ornpm install功能打包vue组件，导出 umd 模式支持 markdown 解析markdwon 可以编写编写vue例子目录：├─build 开发工具...
解决：‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
热门推荐
weixin_42349568的博客
09-01 1万+
就是这个报错。浪费了我十几分钟来解决…… 第一步：检查代码有没有把这行写好： 写好了，依旧报错 第二步：查找相关问题的博客 解决问题后留言人数最多的解决方案是这个： https://blog.csdn.net/Leadyang/article/details/82705738?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-3.channel_param&depth_1-utm_source=distri.
vue3开启eslint之后报错：error Parsing error: ‘＞‘ expected
weixin_42349568的博客
12-29 1万+
eslint文件需要添加这两个配置： { "env": { "browser": true, "es2021": true }, "parser": "vue-eslint-parser", "extends": [ "eslint:recommended", "plugin:vue/essential", "plugin:@typescript-eslint/recommended" ], "parserOptions": { "ec
Delete `␍`eslintprettier/prettier
weixin_42349568的博客
04-17 1万+
一，原因 这篇博客写得很清楚：https://blog.csdn.net/weixin_42752574/article/details/114055598 二，解决办法 在这里插入图片描述
google插件vue-devtool 5.00
11-22
vue-devtool是一个用于调试Vue.js应用程序的Google Chrome浏览器插件。它提供了一种简单直观的方式来检查和调试Vue组件以及它们的状态、生命周期钩子等。 使用vue-devtool，开发人员可以轻松地浏览Vue组件层次结构...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值