MAC在Chrome安装vue插件

Posted 枫树湾河桥

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了MAC在Chrome安装vue插件相关的知识,希望对你有一定的参考价值。

 

点击下方链接选择master分支下载zip并解压到本地 如果卡住可以换tag5.1.1版本
下载地址:https://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中 打开地址chrome://extensions/ 或者按照以下步骤进入页面
将vue-devtools-dev/shells/chrome文件夹拖入Chrome中

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

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

 

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

 

以上是关于MAC在Chrome安装vue插件的主要内容,如果未能解决你的问题,请参考以下文章

Mac下Chrome的插件安装目录在哪

mac安装谷歌访问助手

Chrome 浏览器安装Vue插件方法 (十分详细)

chrome浏器插件vue的离线安装

chrome浏览器的VUE调试插件Vue.js devtools

vue 调试程序的安装(谷歌浏览器chrome的vuejs devtools 插件的安装)