如何在Chrome浏览器中成功安装MAC版本的Vue插件?

2026-05-06 00:091阅读0评论SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计293个文字,预计阅读时间需要2分钟。

如何在Chrome浏览器中成功安装MAC版本的Vue插件?

点击下方链接选择master分支下载zip文件并解压到本地。如果卡住,可以尝试更换tag为5.1.1版本。下载地址:[https://github.com/vuejs/vue-devtools](https://github.com/vuejs/vue-devtools)

命令行切换至vue-devtools根目录或文件所在文件夹,执行以下命令:npm install vue-devtools

点击下方链接选择master分支下载zip并解压到本地 如果卡住可以换tag5.1.1版本
下载地址:github.com/vuejs/vue-devtools

命令行切换至vue-devtools-master根目录或在文件夹处打开终端
通过npm或cnpm安装依赖(如果没有请自行百度安装node.js)
sudo cnpm install


构建该项目
npm run build


找到manifest.json文件,打开文件并修改属性
文件路径:vue-devtools-master / shells / chrome / manifest.json

Chrome安装插件

如何在Chrome浏览器中成功安装MAC版本的Vue插件?

在Chrome中 打开地址chrome://extensions/ 或者按照以下步骤进入页面
将vue-devtools-dev/shells/chrome文件夹拖入Chrome中

打开Vue扩展程序,打开无痕模式(隐私模式)下启用,和允许访问文件网址,这两项。

打开vue项目网页,如果在控制栏里面看到Vue,则证明安装成功!

参考链接:blog.csdn.net/xiomarazark/article/details/118756555

本文共计293个文字,预计阅读时间需要2分钟。

如何在Chrome浏览器中成功安装MAC版本的Vue插件?

点击下方链接选择master分支下载zip文件并解压到本地。如果卡住,可以尝试更换tag为5.1.1版本。下载地址:[https://github.com/vuejs/vue-devtools](https://github.com/vuejs/vue-devtools)

命令行切换至vue-devtools根目录或文件所在文件夹,执行以下命令:npm install vue-devtools

点击下方链接选择master分支下载zip并解压到本地 如果卡住可以换tag5.1.1版本
下载地址:github.com/vuejs/vue-devtools

命令行切换至vue-devtools-master根目录或在文件夹处打开终端
通过npm或cnpm安装依赖(如果没有请自行百度安装node.js)
sudo cnpm install


构建该项目
npm run build


找到manifest.json文件,打开文件并修改属性
文件路径:vue-devtools-master / shells / chrome / manifest.json

Chrome安装插件

如何在Chrome浏览器中成功安装MAC版本的Vue插件?

在Chrome中 打开地址chrome://extensions/ 或者按照以下步骤进入页面
将vue-devtools-dev/shells/chrome文件夹拖入Chrome中

打开Vue扩展程序,打开无痕模式(隐私模式)下启用,和允许访问文件网址,这两项。

打开vue项目网页,如果在控制栏里面看到Vue,则证明安装成功!

参考链接:blog.csdn.net/xiomarazark/article/details/118756555