学习vue必不可少的vue开发者模式如何安装（详细教程）

vue

由于某些原因，我们只能手动安装（狗头）
https://cn.vuejs.org/ 进入vue官方网站

之后的请按图片步骤来，跟随我点击红框

3.这时候就到了git , 往下拉会有一个英文版的教程，我就用图片的形式解释吧

我的浏览器是Chrome 其他浏览器下方也有教程

b.接下来是两个命令，好抽象这个教程…

我们将项目.zip下载之后，解压。然后我是用idea打开这个项目

c.当安装完成后 (emmm,

d.按照抽象教程现在我们该打开浏览器

选中更多工具–>扩展程序

打开文件将shells下的chrome拖入扩展程序页面就会加载安装啦

当然也可以点击

在弹出的文件目录选中chrome文件夹。

看我们完成扩展程序后的效果

当不是vue程序时的页面是没有颜色的

对比

ps:在扩展程序那个步骤出现错误“无法为内容脚本加载JavaScript“build/hook.js”。”

网上的答案竟然还要我买课才能看到（流泪）于是暴力解决法 N次的重复

npm install 后面再次运行npm run build 看控制台的样子我都觉得应该是成功了

因为我看到了 hook.js (没有成功的原因 )果然再次拖入扩展程序页面就成功了

希望你们一次成功！