精华内容
下载资源
问答
  • 怎么安装redux-devtools

    2019-12-23 11:31:44
    1、http://www.cnplugins.com/devtool/redux-devtools-v2-17-0/ 下载 2、修改crx后缀为rar,然后解压 3、把_medadata修改为medadata 4、然后在google浏览器打开扩展程序,选择已解压的扩展程序 安装完成 ...

    1、http://www.cnplugins.com/devtool/redux-devtools-v2-17-0/ 下载
    2、修改crx后缀为rar,然后解压
    3、把_medadata修改为medadata
    4、然后在google浏览器打开扩展程序,选择已解压的扩展程序
    安装完成

    mac版
    下载插件 https://chrome-extension-downloader.com/
    安装步骤 https://github.com/zalmoxisus/redux-devtools-extension#1-for-chrome

    展开全文
  • 我在 csdn 下载了 react-devtools.zip 并解压缩后,如何安装到 chrome 呢? 我加载已解压的扩展程序,选中 react-devtools-master 文件夹,却提示“清单文件缺失或不可读取,无法加载清单。” ![未能成功加载...
  • 手动安装编译项目文件的时候报错,报错信息如下:npmERR!codeELIFECYCLEnpmERR!errno2npmERR!vue-devtools@4.1.4build:`cdshells/chrome&&cross-envNODE_ENV=productionwebpack--progress--hide-m...

    在chrome上应用商店打不开;

    手动安装编译项目文件的时候报错,报错信息如下:npm ERR! code ELIFECYCLE

    npm ERR! errno 2

    npm ERR! vue-devtools@4.1.4 build: `cd shells/chrome && cross-env NODE_ENV=production webpack --progress --hide-modules`

    npm ERR! Exit status 2

    npm ERR!

    npm ERR! Failed at the vue-devtools@4.1.4 build script.

    npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

    npm ERR! A complete log of this run can be found in:

    npm ERR!     /Users/youyou/.npm/_logs/2018-04-25T09_26_30_721Z-debug.log

    展开全文
  • vue devtools是一款基于chrome浏览器的用于调试Vue.js应用程序的插件,可以使得开发人员大大提高调试效率。支持用户对DOM结构数据结构进行解析和调试功能。需要的朋友可下载试试!由于vue是数据驱动的,所以这就存在...

    vue devtools是一款基于chrome浏览器的用于调试Vue.js应用程序的插件,可以使得开发人员大大提高调试效率。支持用户对DOM结构数据结构进行解析和调试功能。需要的朋友可下载试试!

    由于vue是数据驱动的,所以这就存在在开发调试中查看DOM结构并不能解析出什么,通过该插件,用户可以很轻松的对数据结构进行解析和调试,能够在侧边栏窗格中的页面中检查代码并进行调试,可以方便查看state、mutaitons、action等信息,还可记录路由的变化,以及路由相关信息等等,可谓是前端开发必备工具!

    a557efad52eac5a6207100bc3d70cd3c.png

    软件名称:vue.js devtools(chrome浏览器调试插件) V5.3.3 免费版(附使用教程)软件大小:468KB更新时间:2020-10-09立即下载

    安装教程:

    1、下载得到vue.js devtools crx文件;

    2、从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面;

    450fa8452dcceed005714af5d4c0122b.png

    3、打开扩展程序页面的“开发者模式”;

    6ce4d4b8d0141a83240f9ad4507b2e4b.png

    4、将crx文件拖拽到扩展程序页面,完成安装;

    905a35a79905ff7a3cf68ff67a03643b.png

    若出现”CRX-HEADER-INVALID”无效情况,解决方法请参考收藏猫插件

    bd3058e701e2f16f9cdcbf4034cf465a.png

    5、将本地的vue项目跑起来后,在浏览器打开你的项目,打开开发者模式,你会看见地址栏下边多出了vue选项。

    aa58121280ef107a8c7f9282385ba025.png

    vue devtools使用教程

    1、在使用之前必须对vue项目进行相关设置,打开shells>chrome>src>manifest.json并把json文件里的"persistent":false改成true;

    874e0c3cd3737cedd28721aa57dea2d6.png

    2、chrome浏览器按f12,即可看到vue菜单;

    35f56efacd183c12a5ed5c563cdbb4ae.png

    3、点击vue菜单,即可看到左侧组件嵌套情况,右侧则可选择查看组件,vuex数据仓库,事件派发情况,vue-router,工具设置等等;

    点击某个组件,还可以看到该组件对应的真实dom,传入的props、data等;

    8f28a0cb8a1d047c662f4e8e8c6e4976.png

    a230c51128f6eb7274c0d8af0543da75.png

    以上就是小编整理的关于Chrome浏览器插件vue.js devtools的安装方法及使用教程,希望对大家有所帮助,仅供参考!欢迎继续关注脚本之家其他软件教程资讯!

    展开全文
  • 有时候没有***工具时,怎么安装React DevTool, 其一直接搜索到Chrome的插件安装即可. 其二, 可以通过下载github上的react-devtools, 然后打包,最后导入chrome中, 具体如下: 1. $ git clone ...

    有时候没有***工具时,怎么安装React DevTool, 其一直接搜索到Chrome的插件安装即可.

    其二, 可以通过下载github上的react-devtools, 然后打包,最后导入chrome中, 具体如下:

    1. $ git clone https://github.com/facebook/react-devtools.git

    2. 进入react-devtools目录: $ npm --registry https://registry.npm.taobao.org install   ,这里使用淘宝镜像, 过程需要点时间,耐心等待。

    3. 打包: npm run build:extension:chrome   

    4. 生成目录:react-devtools -> shells -> chrome -> build -> unpacked

    5 . 打开chrome浏览器的扩展程序 , 找到 load unpacked,导入第4步的目录即可.

    转载于:https://www.cnblogs.com/hughes5135/p/10199171.html

    展开全文
  • Vue-devtools安装

    2018-04-09 15:50:30
    vue-devtools是vue官方提供的用于调试vue项目的工具,简洁好用,本文就介绍一下怎么安装和使用 安装 拉取官方仓库资源 安装依赖并打包 npm install npm run build 复制代码此时你的项目目录应该是这样的 做一些小...
  • vue devtools安装使用

    2019-10-15 13:27:15
    chrome应用商店经常打不开怎么安装 下面的地址会告诉怎么下载并安装vue-devtools 链接: https://www.cnblogs.com/chenhuichao/p/11039427.html 如果:使用git clone命令出现 “error: RPC failed; curl 18 transfer ...
  • 先导vue-devtools是一款基于chrome浏览器的插件,用于vue应用的调试,这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。第一步:我们可以先从github上找到vue-devtools的项目,下载到...
  • JRebel和devtools的区别如何安装JRebel?如何本地热部署?如何远程热部署?多模块开发的一个坑总结前言Spring Boot中的热部署相信大家用的最多的就是devtools,没办法,官推的。JRebel相对于devtools,个人觉得无论...
  • 安装 vue-devtools踩的一些坑

    千次阅读 2019-11-21 17:23:14
    具体怎么按就不说了。百度可知道。 第一次尝试,按照书中的和百度的,到git上https://github.com/vuejs/vue-devtools#vue-devtools下载压缩包 然后随意找个路径,解压得到 进入命令框,win+r,cmd,然后进入...
  • vue-devtools安装

    2020-12-13 13:54:27
    在浏览器中预览vue的项目你可能会在控制台看到下面的东西: 点进去,将这个github项目克隆之后,经过一系列打包操作才能获得插件本身。其中的一些npm命令,还需要电脑拥有node.js的...下面就是怎么给浏览器导入插件的
  • 装完Vue Devtools,想用来查看用vue.js写的页面,然而却发现图标灰色,无法使用,提示检测不到Vue.js。 What??? 我如果没使用Vue.js页面怎么可能显示出数据?? 然后另一边我正在写博客,在Markdown编辑页面上,它就...
  • 步骤 1、下载github上面的源码 git clone https://github.com/vuejs/vue-devtools ...2、找到vue-devtools文件夹,在目录下安装依赖包 npm install或者cnpm install 3、安装完依赖,找到chrome文件
  • 怎么安装呢? 本来看了一个vue的视频,里用到了vue-devtools这个工具,并且可以方便调试vue。 本来直接从百度上搜了一个关于chrome中的假的.ctx文件。下载结束后,直接进入chrome的扩展工具页面添加该工具, 但是它...
  • 第一步解压完从git上的压缩包后进入cmd当前文件夹 npm install正常!... 第二步npm run build报错...怎么解决 这是解压后的文件夹 ![图片说明](https://img-ask.csdn.net/upload/202004/24/1587738157_366623.png)
  • 本次介绍了两种方法,第一种方法略微复杂,想追求效率的请查看第二种.20200214141007961.png如果你在使用vue开发项目 浏览器中没有安装vue调试工具 显然不能算是一个合格的vue开发者.vue-devtools 开发工具能帮我...
  • 通过github下载的vue-devtools,要安装node.js还有git,而且我弄了半天一直编译失败,测试了几个版本成功的只有4.1.5这个版本,本人技术有限就只能这样了。有热心的小伙伴知道怎么解决这个问题可以留言告诉我。 我...
  • https://segmentfault.com/a/1190000009682735 ... 该扩展程序并未列在chrome应用商店中怎么样办 crx 文件 改成 rar 文件,解压后添加 https://jingyan.baidu.com/article/ceb9fb108bad968cad2ba0...
  • 先来看看微信之父张小龙是怎么说的。1-1 微信小程序的介绍1-2 微信小程序的发展前景通过腾讯2020年财报可以看出,2019年上线小程序已经超过100万个,小程序日活也已经突破4亿1-3 微信小程序的开发工具俗话说的好:...
  • 1.github下载地址:https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程 执行npm install ...这里,发生这个错误怎么解决 npm ERR! code EINTEGRITYnpm ERR! sha1-HTFDXrRzR2Ew8Bv9zlMS...
  • 最近开始系统的学习vue,看了个学习视频推荐说下载这个vue-devtools,可以看到各个组件的数据变化什么的,于是我就开始了我的踩坑之路,足足折腾了两天才摸索出来怎么安装和使用,下面就开始安装的过程吧 ...
  • 接下来说一下怎么安装这个调试工具 安装这个调试工具我这里有两种方法 第一种就是通过谷歌的应用商店进行下载扩展程序就行,但是有一个限制就是你的浏览器要支持能够翻墙才行 第二种就普遍很多了,没有什么要求,...
  • 持续原创输出,点击上方蓝字关注我原创博客+1,点击左下角阅读原文前往目录前言JRebel收费怎么破?什么是本地热部署?什么是远程热部署?JRebel和devtools的区别如何安装JRe...
  • 1:首先进入https://github.com/vuejs/vue-devtools下载到本地 2:使用CMD命令进入文件夹 第三步:找到manifest.json这个文件 第四步:改为文件为true
  • devtools::install_github("dgrtwo/gganimate") Downloading GitHub repo dgrtwo/gganimate@master ...Installing gganimate Downloading GitHub repo thomasp85/...安装之后一直报错,快崩溃了,哪位大神帮忙看下??
  • 首先去github下载vue.zip文件插件(还有npm安装方法这里就不介绍了自行百度)下载地址:https://github.com/vuejs/vue-devtools 2.下载后解压 3.然后通过npm下载相关依赖,可能有些同学没有安装npm,博主也是,这里...
  • CentOS yum安装或者升级GCC到4.8

    千次阅读 2018-04-28 13:08:38
    之前一直没怎么用C++11,最近的项目都开始使用,但是Centos使用yum工具安装GCC的版本是4.4.7,因此需要升级才行。在网上查了一些资料,成功搞定环境,怕以后忘记了难找,因此记录下来。1、下载源文件,并安装:wget ...
  • 安装baidumapREmap

    千次阅读 2019-02-22 14:09:02
    常规安装install怎么也装不上 一直提示当前版本不能用 后来问了老师才知道这两个包是托管在github中的,不能用install安装 应该首先安装包devtools 装好之后载入devtools 运行代码install_github('badbye/baidumap')...
  • mac vuetoos 安装

    2020-05-27 10:50:00
    git最新版本有问题 所有安装 Tags:5.1.1 //--branch 分支号 git地址 git clone --branch v5.1.1 https://github.com/vuejs/vue-devtools.git cd vue-devtools npm install npm run build 之后百度别的 都有...

空空如也

空空如也

1 2 3
收藏数 59
精华内容 23
关键字:

怎么安装devtools