Chrome浏览器安装vue-devtools插件

最新推荐文章于 2025-02-12 11:57:09 发布
原创 最新推荐文章于 2025-02-12 11:57:09 发布 · 343 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #vue-devtools

博客介绍了Vue DevTools在Chrome浏览器的安装方法。先从github下载，进入vue-devtools-dev目录，修改manifest.json文件中persistent为true，接着在Chrome拓展工具中加载已解压拓展程序，选择对应文件，最后重启浏览器完成安装。

github下载：https://github.com/vuejs/vue-devtools

1.进入到vue-devtools-dev目录下

2.进入到vue-devtools-dev下shell下的chrome下的manifest.json文件,将persistent的false修改为true

3.打开Chrome浏览器下的拓展工具，打开开发者选项，点击“加载已解压拓展程序”

4.选择vue-devtools-dev文件下的shell下的chrome点击确定

5.重启Chrome浏览器,安装完成。

Chrome安装Vue插件vue-devtools
专注java二开部署
03-27 3032
除了作为 Chrome 扩展程序运行外，Vue Devtools 还提供了一个独立的桌面应用，支持更多的功能和更丰富的界面。通过在开发者工具中启用性能记录，并在 Vue Devtools 中查看分析，你可以了解组件渲染的耗时，找出性能瓶颈。现在，你应该能在开发者工具中看到一个名为 "Vue" 的新标签页，这就是 Vue Devtools 的主界面。如果你的应用使用了 Vuex 作为状态管理库，Vue Devtools 会提供一个专门的 Vuex 标签页，用于查看和调试 Vuex store 的状态变化。
Chrome 安装Vue插件vue-devtools
06-24
开箱即用 加压包，找到shells下的chrome，再打开谷歌浏览器的扩展程序选中chrome
Chrome安装vue-devtools
T追梦人的博客
10-08 377
安装vue-devtools
Chrome 安装Vue devtools
小卡拉米的博客
04-19 2881
1.首先到github上下载vue-devtools的项目，或者使用git clone git clonehttps://github.com/vuejs/vue-devtools.git 2.进入解压的文件夹按住 shift + 右键 选择进入powershell ，输入 npm install vue-devtools 3.完成后，进入该文件下的node——modules文件，找到vue-devtools文件，将vender文件拖至chrome浏览器即可。 4.进入verder下的m.
前端vue浏览器插件vue-devtools，前端vue开发
04-10
安装Vue Devtools 很简单，只需在Chrome浏览器中访问Chrome Web Store，搜索并安装Vue.js Devtools扩展程序。安装完成后，打开一个包含Vue.js的网页，打开开发者工具（F12或右键点击页面选择检查），你就会看到Vue ...
vue-devtools-5.4.3-chrome
02-12
在使用vue-devtools时，开发者首先需要在Chrome浏览器中安装该扩展。安装后，vue-devtools会在浏览器的工具栏中显示一个Vue的图标，点击该图标即可打开vue-devtools面板。在面板中，开发者可以查看当前页面中Vue组件...
精选资源
vue-devtools-6.6.4-chrome
02-12
文件名称列表中的"shell-chrome"可能指的是扩展的安装包或与安装过程相关的文件，表明用户可以通过这个文件在Chrome浏览器中安装Vue-devtools插件，从而在开发Vue.js应用时能够更高效地进行问题诊断和性能分析。...
vue-devtools-chrome 5.0.3版本
最新发布
07-16
开发者只需将其作为一个扩展插件安装到Chrome浏览器中，之后在开发工具的“更多工具”部分就能找到Vue选项卡。通过这个选项卡，开发者能够快速浏览当前Vue应用的组件结构，检查组件实例，追踪组件的渲染和更新过程，...
vue 浏览器调试插件 vue-devtools V6.5.0
09-21
浏览器打开扩展管理页面，将文件拖拽进入浏览器这个页面即可进行安装
chrome插件vue-dev-tools手动安装版
03-24
基于最新版@20200324的代码自己编译的vue-dev-tools插件，解压，并在chrome的开发者模式下安装解压包即可。
Chrome浏览器中安装vue插件(vue-devtools)
balloonhunter的博客
06-23 958
1.下载 GitHub https://github.com/vuejs/vue-devtools 2.解压 把压缩文件解压到对应目录，进入该目录 3.命令 npm或yarn都可以 npm //安装依赖 npm install //打包 npm run build yarn //安装依赖 yarn install //打包 yarn run build 注：有时npm会失败会报错，可以尝试yarn。 4.修改文件 打开…\vue-devtools-dev\packages\shell-chrome 找
Chrome(谷歌浏览器)安装Vue插件vue-devtools
qq_40835779的博客
04-01 2557
一、vue.js插件下载这绝对是最详细的Vue开发工具vuejs-devtools安装教程，相信你只需要5分钟即可解决所有问题vue-devtools是什么？vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。一、vue.js插件下载根据下图打开谷歌浏览器中的【拓展程序】：勾选【开发者模式】——点击【加载已解压的拓展程序】——选择刚刚解压的vuejs-devtools插件整个文件夹导入即可。
Chrome安装vue-devtools插件
兵临城下的博客
04-09 464
准备工作 安装node.js，安装过程中会用到npm命令。 下载vue-devtools工具包 官方地址github：https://github.com/vuejs/vue-devtools/tree/master 选择master分支，大家也可以选择其他分支，自己喜欢就好 下载完成后解压得到目录vue-devtools-master，进入目录，然后执行 npm install，会看到如下安装过程 直到如下过程说明安装成功 然后执行命令：npm run build，出现如下视图，
在chrome中安装vue-devtools插件
qwerty053的博客
12-09 835
我是看着这个教程安装的： 安装vue-devtools插件 - 海绵宝宝y - 博客园 (cnblogs.com) 因为插件更新的情况，上面那个博客中所说的：“修改shells、chrome目录下的mainifest.json 中的persistant为true”，这个mainifest.json现在是在vue-devtools-dev\packages\shell-chrome中的。 在安装的过程中遇到了很多问题，包括但不限于： command c:\windows\system32\cmd.exe /
在Chrome浏览器上安装 Vue Devtools工具
shuaigg001的博客
07-21 302
安装 Vue Devtools工具 Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。 没有安装nodeJS的，可以参考我前面的博客nodejs - 安装及环境变量配置 首先在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools 下载...
Chrome浏览器 安装Vue插件vue-devtools
A_aspectJ的博客
03-30 8196
vue-devtools 是一个为 Vue.js 开发者设计的 Chrome 插件。它可以让你更轻松地审查和调试 Vue 应用程序。与普通的浏览器控制台工具不同，Vue.js devtools 专为 Vue 的响应性数据和组件结构量身定做。
chrome安装vue-devtool插件
feng43878的博客
02-12 3443
安装vue-devtools在chrome浏览器上的插件，版本号6.6.4
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值