很多时候,浏览器自带的调试窗口并是特别好用,我们希望在webstorm中直接调试vue项目,网上的很多教程都太过繁琐

实际上完全不需要那么麻烦

开门见山,我们直接开始

第一步:安装浏览器拓展

如何在webstorm中调试vue项目【最新】

第二步:以调试的方式运行项目

如何在webstorm中调试vue项目【最新】

点击上图中的小虫子按钮

第三步:在浏览器中允许webstorm调试该页面

打开你想要调试的页面,右键点击浏览器插件,选择inspect in webstorm

如何在webstorm中调试vue项目【最新】

此时,webstorm就能连接到浏览器

开始调试bug吧~

相关文章:

  • 2020-12-24
  • 2021-07-31
  • 2021-06-30
  • 2021-10-15
  • 2021-09-09
  • 2021-10-17
  • 2021-12-27
  • 2021-07-12
猜你喜欢
  • 2022-01-18
  • 2021-12-25
  • 2022-12-23
  • 2022-12-23
  • 2021-05-01
  • 2022-12-23
  • 2021-10-05
相关资源
相似解决方案