您的位置: 首页 > 软件教程 > 快速安装 Vue Devtools 插件在谷歌浏览器的步骤

快速安装 Vue Devtools 插件在谷歌浏览器的步骤

编辑:伢子
2023-11-21 20:05:28

Vue Devtools 是一个用于调试 Vue.js 应用程序的工具,它提供了许多有用的功能,如组件层级查看、实时数据更新等。要在谷歌浏览器中快速安装 Vue Devtools 插件,首先打开谷歌浏览器,点击浏览器右上角的“自定义和控制”按钮,选择“更多工具”再点击“扩展程序”。在打开的扩展程序页面中,在搜索栏中输入“Vue Devtools”并按下回车键。找到该插件后,点击“添加至Chrome”按钮进行安装。安装完成后,你会在谷歌浏览器的扩展程序栏中看到 Vue Devtools 图标。现在,你已经成功快速安装了 Vue Devtools 插件,并可以开始调试 Vue.js 应用程序了。

1、vue-devtools 扩展 存储在百度网盘地址:

链接:https://pan.baidu.com/s/1LDIJxG26tOHtUe_aUh_pEA
提取码:v81r

下载下来后是一个.crx 文件

快速安装 Vue Devtools 插件在谷歌浏览器的步骤2、浏览器打开扩展程序

1、可以通过地址访问 chrome://extensions/

2、可以自行找到相应位置,


3、把下载的文件拖拽到扩展程序页面就可以,就自动添加上了(上图中可见 6.4.5版本);还需要修改一个配置,点击插件的详情按钮,修改允许访问文件网址,打开就行了4、检验成功,打开一个vue框架的项目,f12 可看到