码迷,mamicode.com
首页 > Web开发 > 详细

webstrom Debug 调试vue项目

时间:2020-04-26 20:45:18      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:调试   www   webstore   开启   模式   round   插件   too   EDA   

第一种,使用vue插件

  1. 下载插件:https://chrome.google.com/web...

技术图片

  1. 这样直接run一个vue项目,你就会看见插件标亮了

技术图片

  1. 打开调试模式,你就会看见最后有个vue标记,打开能看见当前vue页面渲染相关数据

技术图片

第二种,使用webstrom调试

  1. 下载插件

https://chrome.google.com/web...

技术图片

  1. 打开webstrom Debugger, 记住端口号

技术图片

  1. 打开刚才安装的插件,选项,填入刚才看见的端口号

技术图片

技术图片

  1. 添加一个debug配置

技术图片

技术图片

  1. 这样运行一个vue项目,并且在页面上右键,就开启了调试模式

技术图片

随意在webstrom上断点调试,完美(此处有金星老师手势)!!!!!!!!

本文转载于:猿2048webstrom Debug 调试vue项目

webstrom Debug 调试vue项目

标签:调试   www   webstore   开启   模式   round   插件   too   EDA   

原文地址:https://www.cnblogs.com/10manongit/p/12781969.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!