当前位置: 代码迷 >> 综合 >> vue 开发调试工具vue-devtools 安装
  详细解决方案

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

热度:30   发布时间:2023-11-07 08:20:57.0

安装前的准备

  • 因为安装依赖需要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文件夹 —— 选择该文件夹并点击确定按钮。

 

  相关解决方案