关于vue-devtools-dev的安装史上最详细的介绍

231 阅读1分钟

第一次写这个东西我寻思着写个对vue来说实用点的工具安装吧,比较适合小白。

首先下载 github.com/vuejs/vue-d… 解压打开项目。

第一步:

    执行yarn install;
    注意:一般会显示yarn不是内部命令,则需要先执行 npm install -g yarn.并且install时间比较长需要耐心等待

第二步:

    执行 yarn run build
    则会看到如下目录

第三步:

    在谷歌浏览器中输入 chrome://extensions/ 打开谷歌扩展程序,选择开发者模式;

第四步:

    点击加载已经解压的扩展程序

选中下面这个目录

点击完成则会出现下面这个情况

在这里说明已经安装好了 需要刷新一下 然后在谷歌浏览器打开你的vue项目,按F12会看到

正常情况下右上角vue标是灰色的。

这里就全部安装完毕了,如果对你有帮助那就给我点个赞吧 谢谢!!!