webstorm如何调试vue项目的js

webstormvuewebstorm调试jsjs

1.编辑调试配置,新建JavaScript调试配置,并设置要访问的url地址,如下图所示:



在URL处填写示例: http://localhost:8080

保存好调试配置

2.先用dev正常启动项目,然后切换到刚才设置的js调试名称,点击debug按钮,这时候会打开chrome,如下图所示 :



4.当我们在chrome中运行页面,WebStorm就会响应断点状态,如下图所示:

最新文章

  1. MarkDown+LaTex 数学内容编辑样例收集
  2. [React] 多组件生命周期转换关系
  3. Bool 类型变量的使用
  4. python 核心编程课后练习(chapter 5)
  5. Docker - 在CentOS 7中安装Docker
  6. IP地址的分类——a,b,c 类是怎样划分的
  7. AtomicInteger的用法
  8. SimpleMembership
  9. 图片滚动(UP)的JS代码详解(offsetTop、scrollTop、offsetHeigh)【转】
  10. node.js与ThreadLocal
  11. 小米Max 2获取ROOT超级权限的经验
  12. 谨记:new Date()在IOS中的坑
  13. MYSQL增加tmp_table_size 的操作
  14. 解决无法安装Flash Player的问题
  15. liunx之用户管理
  16. 57 ORM多表查询
  17. 复杂的动态布尔表达式性能评估(2)--Groovy实现
  18. phpstorm开发环境搭建流程
  19. CentOS设置开机自动启动某服务
  20. Xshell连接Ubuntu失败问题

热门文章

  1. CentOS7.2配置LNMP环境并安装配置网站WordPress
  2. 搭建iOS开发环境
  3. 使用expect实现自动交互,shell命令行自动输入,脚本自动化,变量引用,expect spawn执行带引号命令,expect 变量为空,不生效,不能匹配通配符*,函数,数组
  4. 最新 游族网络java校招面经 (含整理过的面试题大全)
  5. csu 1898: 复盘拉火车
  6. 99%的人都理解错了GET与POST的区别
  7. wordPress设计网页实践
  8. 初始STM32
  9. 关于Basic Latin踩到的一些坑
  10. 【闭包】Pants On Fire