webstrom Debug 调试vue项目的方法步骤
更新时间：2018年07月17日 10:35:56 作者：码路芽子
这篇文章主要介绍了webstrom Debug 调试vue项目的方法步骤，详细的介绍了两种调试vue项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
第一种，使用vue插件
1、下载插件：https://www.jb51.net/softs/588080.html
这样直接run一个vue项目，你就会看见插件标亮了
打开调试模式，你就会看见最后有个vue标记，打开能看见当前vue页面渲染相关数据
第二种，使用webstrom调试下载插件
下载地址：https://www.jb51.net/softs/171905.html
打开webstrom Debugger, 记住端口号
打开刚才安装的插件，选项，填入刚才看见的端口号
添加一个debug配置
这样运行一个vue项目，并且在页面上右键，就开启了调试模式
随意在webstrom上断点调试，完美（此处有金星老师手势）！！！！！！！！
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
详解vue中使用express+fetch获取本地json文件
本篇文章主要介绍了详解vue中使用express+fetch获取本地json文件，非常具有实用价值，需要的朋友可以参考下2017-10-10
Vue使用babel-polyfill兼容IE解决白屏及语法报错问题
这篇文章主要介绍了Vue使用babel-polyfill兼容IE解决白屏及语法报错问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
Vue中Class和Style实现v-bind绑定的几种用法
项目开发中给元素添加/删除 class 是非常常见的行为之一， 例如网站导航都会给选中项添加一个 active 类用来区别选与未选中的样式，那么在 vue 中 我们如何处理这类的效果呢？下面我们就一起来了解一下2021-05-05
animate.css是一款前端动画库，相似的有velocity-animate。这篇文章给大家介绍vue2.0 和 animate.css的结合使用，需要的朋友参考下吧2017-12-12
这篇文章主要介绍了使用vue构建多页面应用的示例，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下2020-10-10
ECharts是一个强大的画图插件，在vue项目中，我们常常可以引用Echarts来完成完成一些图表的绘制，本文就来和大家介绍一下如何在Vue项目中引入ECharts吧2023-03-03
这篇文章主要给大家介绍了关于vue图片懒加载代码实现的相关资料,所谓图片懒加载是指当我们浏览页面时,只加载我们浏览器可视区的图片,向下滚动时再继续加载后面的图片,需要的朋友可以参考下2023-07-07
el-date-picker设置日期默认值两种方法(当月月初至月末)
这篇文章主要给大家介绍了关于el-date-picker设置日期默认值(当月月初至月末)的相关资料,文中通过代码示例将解决的办法介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-08-08
Vue3中的ref是一种创建响应式引用的方式,它在Vue生态系统中扮演着重要角色,下面这篇文章主要给大家介绍了关于Vue中动态绑定Ref的两种方式,需要的朋友可以参考下2024-09-09
这篇文章主要介绍了vue如何封装选择文件组件和选择文件api问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
最新评论