webstromDebug调试vue项目的方法步骤

第一种,使用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上断点调试,完美(此处有金星老师手势)!!!!!!!!

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


网站栏目:webstromDebug调试vue项目的方法步骤
链接地址:http://bzwzjz.com/article/pjdpeo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站设计制作报价 盐亭网站设计 网站建设改版 营销型网站建设 手机网站建设 成都网站建设 网站制作 外贸营销网站建设 网站建设开发 重庆外贸网站建设 成都定制网站建设 企业网站建设 网站设计 手机网站制作设计 梓潼网站设计 营销型网站建设 网站建设费用 成都网站建设推广 成都网站设计 营销型网站建设 高端品牌网站建设 成都响应式网站建设