vue 开发调试工具vue-devtools 安装

本文详细介绍了如何在谷歌浏览器上安装Vue DevTools插件。首先需要安装Node.js环境,然后从GitHub下载Vue DevTools源码并进行解压。通过命令行工具安装依赖,并构建插件。最后,在谷歌浏览器中加载已解压的扩展程序即可使用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

安装前的准备

  • 因为安装依赖需要Node.js环境。所以,第一件事就是安装Node.js
  • 安装完成之后,从github的下载地址将该插件下载下来:https://github.com/vuejs/vue-devtools

安装步骤

  • 下载之后,解压文件,然后复制粘贴解压的文件,放在某个盘的某个文件夹下面。
  • 然后通过Windows+R这个快捷键打开“运行”对话框,输入cmd,进入命令行。
  • 在命令行内,进入到vue-devtools-master目录下。
  • 先执行npm install命令;(执行过程比较长,请耐心等待...)
  • 执行成功后,再执行npm run build命令;
  • 这两个命令都执行成功,就可以关闭命令行了。
  • 然后进入C:\Software\vue-devtools-master\shells\chrome目录下,修改mainifest.json 文件中的persistent属性的值为true。(根据自己安装的目录去找mainifest.json 文件)
  • 打开谷歌浏览器 —— 点击右上角纵向排列的三个点选项 —— 更多工具 —— 右上角勾选开发者模式(有的已默认勾选了)—— 加载已解压的扩展程序 —— 找到本地磁盘中vue-devtools-master目录下的chrome文件夹 —— 选择该文件夹并点击确定按钮。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值