由于某些原因,我们只能手动安装(狗头)
https://cn.vuejs.org/ 进入vue官方网站
之后的请按图片步骤来,跟随我点击红框

1.学习vue必不可少的vue开发者模式如何安装(详细教程)
2.学习vue必不可少的vue开发者模式如何安装(详细教程)
3.这时候就到了git , 往下拉会有一个英文版的教程,我就用图片的形式解释吧
我的浏览器是Chrome 其他浏览器下方也有教程
学习vue必不可少的vue开发者模式如何安装(详细教程)

a.

学习vue必不可少的vue开发者模式如何安装(详细教程)
b.接下来是两个命令,好抽象这个教程…
我们将项目.zip下载之后,解压。然后我是用idea打开这个项目
学习vue必不可少的vue开发者模式如何安装(详细教程)
c.当安装完成后 (emmm,
学习vue必不可少的vue开发者模式如何安装(详细教程)
d.按照抽象教程 现在我们该打开浏览器
学习vue必不可少的vue开发者模式如何安装(详细教程)
选中 更多工具–>扩展程序
e.
学习vue必不可少的vue开发者模式如何安装(详细教程)
打开开发者模式
f.
学习vue必不可少的vue开发者模式如何安装(详细教程)
打开文件将shells下的chrome拖入扩展程序页面就会加载安装啦
当然也可以点击学习vue必不可少的vue开发者模式如何安装(详细教程)
在弹出的文件目录选中chrome文件夹。
学习vue必不可少的vue开发者模式如何安装(详细教程)

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

当不是vue程序时的页面是没有颜色的
学习vue必不可少的vue开发者模式如何安装(详细教程)
对比
学习vue必不可少的vue开发者模式如何安装(详细教程)
ps:在扩展程序那个步骤出现错误“无法为内容脚本加载JavaScript“build/hook.js”。”
网上的答案竟然还要我买课才能看到(流泪) 于是暴力解决法 N次的重复
npm install 后面再次运行npm run build 看控制台的样子我都觉得应该是成功了
学习vue必不可少的vue开发者模式如何安装(详细教程)
因为我看到了 hook.js (没有成功的原因 )果然再次拖入扩展程序页面就成功了

希望你们一次成功!

相关文章:

  • 2022-01-06
  • 2022-12-23
  • 2022-12-23
  • 2021-11-18
  • 2021-12-05
  • 2021-08-15
  • 2021-11-30
猜你喜欢
  • 2021-12-31
  • 2022-12-23
  • 2022-01-09
  • 2021-08-05
  • 2021-10-22
  • 2022-12-23
  • 2021-07-01
相关资源
相似解决方案