温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

webstrom Debug 调试vue项目的方法步骤

发布时间:2020-10-04 21:34:10 来源:脚本之家 阅读:179 作者:码路芽子 栏目:web开发

第一种,使用vue插件

1、下载插件:https://www.jb51.net/softs/588080.html

webstrom Debug 调试vue项目的方法步骤

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

webstrom Debug 调试vue项目的方法步骤

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

webstrom Debug 调试vue项目的方法步骤

第二种,使用webstrom调试下载插件

下载地址:https://www.jb51.net/softs/171905.html

webstrom Debug 调试vue项目的方法步骤

打开webstrom Debugger, 记住端口号

webstrom Debug 调试vue项目的方法步骤

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

webstrom Debug 调试vue项目的方法步骤

webstrom Debug 调试vue项目的方法步骤

添加一个debug配置

webstrom Debug 调试vue项目的方法步骤

webstrom Debug 调试vue项目的方法步骤

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

webstrom Debug 调试vue项目的方法步骤

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持亿速云。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI