谷歌浏览器chrome的vuejs devtools 插件的安装

小咪咪 2022-05-15 18:54 395阅读 0赞

1 . 下载chrome扩展插件。
在github上下载压缩包并解压到本地，github下载地址：https://github.com/vuejs/vue-devtools
记得切换至master分支

  1. 使用nodejs安装
    下载完成后打开命令行cmd进入vue-devtools-master文件夹
    执行 npm install或者cnpm install
    推荐cnpm install
  2. 安装完成后 执行 npm run build
  3. npm run build 执行完，会在shells>chrome下的src文件夹里多几个js文件；
  4. 打开shells>chrome>manifest.json并把json文件里的”persistent”:false改成true
  5. 修改完成后，打开chrome浏览器，打开更多工具>扩展程序；
  6. 再点击加载已解压的扩展程序，然后把shells>chrome文件夹放入（或者把文件夹拖进浏览器也行）
  7. 测试安装成功 在插件的目录下执行npm run dev，可以使用localhost（端口可能不一样）打开测试一下

发表评论

表情：
评论列表 （有 0 条评论，395人围观）

还没有评论，来说两句吧...

相关阅读