vue调试神器devtools的 安装

最新推荐文章于 2024-07-04 23:34:24 发布
最新推荐文章于 2024-07-04 23:34:24 发布
阅读量184 收藏
点赞数
分类专栏： utils 文章标签： devtools vue调试 vue chrome
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43485055/article/details/83820163
版权

vue devtools 安装

  1. 下载完成后，在文件夹下 npm install
  2. 然后npm run build
  3. 完成之后，打开…\vue-devtools-dev\vue-devtools-dev\shells\chrome 下的manifest.json
    修改"persistent": false —> "persistent": true
  4. 完成之后，打开…\vue-devtools-dev\vue-devtools-dev\shells\chrome 下的webpack.config.js
    修改为 process.env.NODE_ENV !== 'development'
  5. 在chrome://extensions/中打开开发者模式，将vue-devtools-dev\vue-devtools-dev\shells\chrome 文件夹拉入
  6. 完成后的样子
    F12后的样子
gc0614
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue调试工具安装（vue devtools）
ITCSDN_的博客
08-18 1275
Vue调试工具安装（vue devtools）第一步：下载源码第二步：执行命令 第一步：下载源码 在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools。 第二步：执行命令 下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。 cmd回车后进入到vue devtools的安装目录下。 执行命令： （1） ...
Vue调试神器vue-devtools安装
盏茶作酒的博客
04-20 250
前言 vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 chrome商店直接安装 vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。 手动安装 第一步：找到vue-devtools的gi...
Vue调试工具vue-devtools的安装与使用_vue调试工具安装
最新发布
2401_84435192的博客
07-04 329
主要介绍vue-devtools的安装与使用。秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！高级前端工程师必备资料包。
安装vue-devtools
sinat_29009169的博客
05-07 704
1.现根据这篇文章 https://segmentfault.com/a/1190000009682735?utm_source=tag-newest 2.crx安装不了按照这篇文章做 https://blog.csdn.net/yingzi10101118/article/details/84938585
vue-devtools安装
Luo的博客
02-20 264
1.前言 vue-devtools是用于调试vue应用，这可以极大地提高我们的调试效率。 2.chrome商店直接安装 vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。 3.手动安装vue-devtools 第一步：从git上clone vue-devtools地址 git clone https://github.com/vuejs/vue-devtools.git 第二步：安装依赖 npm install 或.
Vue调试神器vue-devtools安装方法
08-28
本篇文章主要介绍了Vue调试神器vue-devtools安装方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue调试神器vue-devtools.zip
12-26
而Vue DevTools则是Vue.js开发者的重要辅助工具，它为开发者提供了一套直观、高效的调试环境，使得在Vue应用的开发和调试过程中能快速定位问题、理解组件状态以及优化性能。 Vue Devtools 是一个浏览器扩展程序，...
vue开发调试神器vue-devtools使用详解
08-30
Vue开发调试神器Vue-DevTools使用详解 Vue-DevTools是一款功能强大且实用的开发调试工具，旨在帮助开发者快速高效地调试和优化Vue.js项目。下面将详细介绍Vue-DevTools的使用方法和技巧。 一、下载和安装Vue-...
vue调试工具vue-devtools安装及使用方法
10-17
本文主要介绍 vue的调试工具 vue-devtools 的安装和使用，本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧
vue-devtools 安装
gd6321374的专栏
10-21 6559
1. 最近在这家公司的安排任务让我去写他们公司的官网，之前写过微信小程序，所以觉得应该不难。所以，搜索相关的资料，发现当前前端比较热门的框架是vue, 并且操作DOM的方式跟微信小程序差不多，所以就选择这个框架，接着使用vue 需要安装这个平台的开发工具调试，本来以为很简单的，结果被坑的不行，经过多个小时的努力搞定，因此，写下这篇文章。 1. vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。 可以访问外网的朋友，可以直接在chrome商店直
Vue 安装 vue-devtools-dev
好好学习 天天向上
08-13 669
下载地址：https://github.com/vuejs/vue-devtools Clone this repo cd vue-devtools the newly created folder run yarn install then run yarn run build Open the Chrome extension page (currently under Menu > More Tools > Extensions) Check “developer mode” on th
安装 vue devtools
qq_42249552的博客
04-27 139
使用 npm 下载 npm install vue-devtools 在node_modules 里找到 vue-devtools 里的 vender ,将这个文件夹添加到浏览器扩展程序 重启浏览器生效 有的项目需要在main.js里添加 Vue.config.devtools=true 才能显示 ...
vue-devtools的安装
chenhaiy的博客
03-25 9660
vue-devtools的安装 vue-devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。前端开发工程师应该比较熟悉这款工具，可以边侧边栏窗格中的页面，边检查代码。由于vue是数据驱动的，所以就会存在在开发调试中查看DOM结构并不能看到我们想看到的内容，那么借助vue-devtools插件，我们就可以很容易的对数据结构进行解析和调试。 本文重点介绍vue-devtools安装方法，提供chrome插件直接安装方法。接下来
Vue - vue-devtools 安装
qq_43612151的博客
02-05 1022
一、vue-devtools仓库地址 https://github.com/vuejs/vue-devtools.git 二、把仓库clone到本地打包 （1）git clone https://github.com/vuejs/vue-devtools.git （2）cd vue-devtools （3）非常重要的一步，确认是否在master分支，没有就切换到master分支 （4）npm i 安装依赖模块 （5）npm run build 打包 （6）在chrome的地址栏中输 chrome://ext
vue devtools的安装
weixin_45849417的博客
02-16 305
vue devtools
Vue调试工具devtools
07-27
Vue调试工具devtools是一个浏览器插件，用于帮助开发者在开发Vue.js应用时进行调试。它提供了一系列功能，包括查看组件树、检查组件状态、操作组件属性和事件等。 要使用Vue devtools，首先需要安装它。对于Chrome...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值