如何在chrome使用vue-devtool？

最新推荐文章于 2024-03-30 17:48:26 发布
最新推荐文章于 2024-03-30 17:48:26 发布
阅读量307 收藏
点赞数
文章标签： javascript json ViewUI
原文链接：http://www.cnblogs.com/shengnan-2017/p/8310971.html
版权

1.在应用中安装

2.去查找文件

C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\4.1.0_0

3.修改manifest.json 文件  "persistent": false  改为 "persistent": true

4.完成，开始你的vue之旅吧

转载于:https://www.cnblogs.com/shengnan-2017/p/8310971.html

dhyjr20804
关注
vue-devtools chrome 插件
12-19
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，ch rome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
chrome-vue-devtool.zip
06-07
这个压缩包 "chrome-vue-devtool.zip" 提供了适用于Chrome浏览器的Vue Devtools安装包。用户需要完成以下步骤来安装和使用这个工具： 1. 首先，下载 "chrome-vue-devtool.zip" 文件，并将其解压缩。解压后，你会...
chrome vue devtools
weixin_42413952的博客
06-10 363
1.网址：链接: https://pan.baidu.com/s/1hVAggeMLWIZ8Va1SL5LLXw 提取码: 5cdt 2.把文件直接拖到扩展程序中--------会报错：程序包错误，现在先把文件后缀改成rar，在解压，让后在扩展程序选择加载已解压的扩展程序就OK了 ...
Vue DevTool谷歌浏览器中安装使用
qixiang_chen的博客
12-22 348
一、从Git上下载Devtool https://github.com/vuejs/vue-devtools 打开命令行程序执行,当前目录转移到d:/vue git clone https://github.com/vuejs/vue-devtools.git 二、使用npm安装devtool Make sure you are using Node 6+ and NPM 3+ Clone t...
使用Vue的Chrome插件 “Vue.js Devtools”
HYY的博客
07-21 1233
使用Vue的Chrome插件 “Vue.js Devtools” 在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools，它允许你在一个更友好的界面中审查和调试 Vue 应用。 文章目录使用Vue的Chrome插件 “Vue.js Devtools”一. 使用流程二. 注意点三. Chrome浏览器插件not detected 的一种解决方案 一. 使用流程 在谷歌浏览器安装拓展插件，下载一个crx文件拖进去就行，成功后如图所示。 官网上给出的谷歌下载的链接如下：（需
chrome浏览器插件之 vue-devtools
tg_dg_8的博客
04-27 314
chrome浏览器插件之 vue-devtools 用vue编写项目的时候，打开开发者工具，找到Sources,发现调试js文件比较方便，调试vue文件会出现下面这种情况 这时可以安装vue-devtools插件来调试vue代码 安装步骤 1.可以通过链接https://github.com/vuejs/vue-devtools下载vue-devtools工具，然后本地npm install , npm run buld进行编译。 由于我本地npm run build 一直报错，好像是webp
chrome插件 vue-devtools离线安装包
04-27
1. 首先，你需要下载压缩包“vue-devtool-chrome”，这包含了Vue Devtools的所有源码文件。 2. 解压缩文件，通常你会得到一个包含多个文件和文件夹的结构，其中`manifest.json`是Chrome扩展的配置文件，`src`文件夹...
vue-devTool编译和安装教程附源代码和编译后的安装包
04-03
在Chrome、Firefox等浏览器上安装Vue DevTools可以极大地提升Vue应用的开发效率。 本教程将详细介绍如何编译和安装Vue DevTools，以及如何使用源代码进行操作。我们将分为以下几个步骤进行： 1. **环境准备** - ...
Vue性能Devtool「Vue Performance Devtool」-crx插件
03-09
用于检查Vue组件性能的devtool扩展。 Chrome devtool扩展程序，用于检查Vue组件的性能。 支持语言:English
vue-devtool 5.1.1
12-29
Vue Devtool 可以在Chrome浏览器中作为扩展程序安装。它允许开发者实时查看和修改Vue实例的数据、观察组件的生命周期、跟踪Vue的渲染过程以及性能分析。以下是一些关键知识点： 1. **组件树**：Vue Devtool 显示...
chrome插件vue-dev-tools手动安装版
03-24
基于最新版@20200324的代码自己编译的vue-dev-tools插件，解压，并在chrome的开发者模式下安装解压包即可。
vue-devtools:配置好的vue-devtools源码，可以直接在谷歌浏览器上面使用扩展程序
03-23
Vue-Devtools- 已用npm处理过，已配置过原始文件，直接拿来用即可
vue-devtools（已编译，可直接使用）
10-25
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。
谷歌浏览器 chrome vue 调试插件 vue-devtools 及源码
05-04
谷歌浏览器 chrome vue 调试插件 vue-devtools chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，chrome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
vue-devtools chrome的vue调试插件（有更改方法）
05-25
vue-devtools chrome的vue调试插件（有更改方法），直接解压后，先看一下文件更改信息，在Chrome浏览器中输入chrome://extensions/，打开开发者模式下的加载已解压的扩展程序
Chrome浏览器 安装Vue插件vue-devtools
最新发布
A_aspectJ的博客
03-30 5677
vue-devtools 是一个为 Vue.js 开发者设计的 Chrome 插件。它可以让你更轻松地审查和调试 Vue 应用程序。与普通的浏览器控制台工具不同，Vue.js devtools 专为 Vue 的响应性数据和组件结构量身定做。
Vue-chrome安装调试插件devtools
专注打造自动化测试流水线
03-30 1229
手动源码安装。 1.下载源码 https://github.com/vuejs/vue-devtools 2.编译源码。（前提要安装nodejs） 把下载的文件解压, 解压后文件夹vue-devtools-dev，然后dos方式这个目录执行 npm install npm run build 3.扩展程序 打开谷歌浏览器，输入地址“chrome://extensions/...
【原】无脑操作：Chrome浏览器安装Vue.js devtool
weixin_33752045的博客
01-15 155
学习Vue.js时，Chrome浏览器安装Vue.js devtool能很方便的查看Vue对象、组件、事件等。 本文以Chrome浏览器插件Vue.js devtools_3.1.2_0.crx的安装为例。 步骤： 1、打开Chrome浏览器，右上角找到“自定义及控制Google Chrome”图标。 2、点击图标，找到“更多工具”菜单项下的“扩展程序”（第1步和第2步也可以合并为直接在地...
Vue devtools工具安装 Chrome安装Vue devtools 教程步骤
热门推荐
HaHa_Sir的博客
10-10 1万+
Vue devtools工具安装 Chrome安装Vue devtools 一、安装步骤 1、下载地址：GitHub - vuejs/devtools at v5.1.1 2、注意： 必须使用 v5.1.1 版本，经测试这个版本正常使用 3、安装步骤： npm install / cnpm install npm run build 4、上述步骤，安装没报错后，可以看到会生成 devtools/shell 目录 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值