webstorm 调试vue项目

启动项目

image.png
image.png

启动项目

debug项目

先启动项目


修改source-map
启动项配置

http://localhost:8080：启动访问的地址
webpack:///src: remote Url

debug启动

会打开新的浏览器窗口，遇到js断点就会停止了
image.png

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • webpack 2 打包实战
    写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 10,711评论 4赞 31
  • webpack
    目录第1章 webpack简介 11.1 webpack是什么？ 11.2 官网地址 21.3 为什么使用 web...
    lemonzoey阅读 5,703评论 0赞 1
  • 使用Gradle整合SpringBoot+Vue.js-开发调试与打包
    首先非常感谢kevinz分享的文章《springboot+gradle+vue+webpack 组合使用》，这文章...
    YU_XI阅读 8,957评论 0赞 7
  • webpack2.x项目搭建入门实践教程
    1. 新建一个文件夹,命名为 webpack-cli , webpack-cli 就是你的项目名,项目名建议使用小...
    鲁大师666阅读 5,437评论 1赞 3
  • 救救我的舌头
    我很怀念一分钟前的自己，那时我正在院子里堆雪人，已经堆了一米高了，我希望它跟我一样高，那样只需要再增高二十厘米，再...
    双加早阅读 3,332评论 0赞 2

友情链接更多精彩内容