Mac安装google谷歌浏览器的调试工具vue-devtool
作者:
CoderZb | 来源:发表于
2019-08-29 18:07 被阅读0次
步骤一:新建目录vue-devtools插件
,用于存放下载的插件。

image.png
步骤二:打开终端,进入步骤一的目录
cd Desktop/vue-devtools插件

image.png
步骤三:将github上的vue-devtools
克隆到新建的目录,
git clone https://github.com/vuejs/vue-devtools.git

image.png
步骤四:进入vue-devtools
目录。强烈注意:(后续的步骤【安装依赖+打包】一定要在vue-devtools
目录操作,否则就会报错)

image.png
步骤五:安装依赖

image.png
步骤六:打包

image.png
步骤七:打开google浏览器,输入chrome://extensions/
,进入扩展程序
界面,并打开开发者模式。

image.png
步骤八:加载已解压的扩展程序,找到vue-devtools插件-》vue-devtools-》shells-》chrome-》
,然后确认选择。

image.png
步骤九:加载已解压的扩展程序中出现了vue-devtools
插件信息

image.png
步骤十:打开vue网页,可以看到出现了vue选项卡

image.png
本文标题:Mac安装google谷歌浏览器的调试工具vue-devtool
本文链接:https://www.haomeiwen.com/subject/qicwectx.html
网友评论