当前位置： 首页 > news >正文

webstorm debug调试vue项目

news 2025/7/18 3:24:25

1.运行npm，然后控制台会打印下图中的地址，复制local的地址
在这里插入图片描述
2.run–>Edit Configuration，如下图
在这里插入图片描述
3.设置测试项
在这里插入图片描述
4.在你需要的js段打好断点
在这里插入图片描述
5.在上边框的工具栏里面有debug运行，点击debug运行的图标运行即可
在这里插入图片描述

http://www.lryc.cn/news/126375.html

相关文章：

  • 嵌入式linux的八股文之旅 DAY1
  • 同创永益郑阳｜与数智化共舞·业务稳定性保障新动力
  • 史上最全的Qt控件
  • 星星之火：国产讯飞星火大模型的实际使用体验（与GPT对比）
  • 传输控制协议TCP
  • jmeter中用户参数和用户定义的变量的区别
  • WSL2 Ubuntu子系统安装OpenCV
  • KafkaStream：Springboot中集成
  • 包管理工具 nvm npm nrm yarn cnpm npx pnpm详解
  • 【java】mybatis-plus代码生成
  • 小样本UIE 信息抽取微调快速上手(不含doccona标注)
  • Vue项目（购物车）
  • 23.08.16驱动点灯
  • 数据结构——堆
  • 重复学习1：NLP
  • 做海外游戏推广有哪些条件？
  • JavaFx基础学习【五】：FXML布局文件使用
  • 通过Python爬虫提升网站搜索排名
  • 【博客698】为什么当linux作为router使用时，安装docker后流量转发失败
  • el-dialog嵌套,修改内层el-dialog样式(自定义样式)
  • B树和B+树区别
  • intelJ IDEA\PHPStorm \WebStorm\PyCharm 通过ssh连接远程Mysql\Postgresql等数据库
  • vfuhyuuy
  • CSS自学框架之表单
  • 使用Spring Boot和Redis实现用户IP接口限流的详细指南
  • 前端性能优化——包体积压缩插件，打包速度提升插件，提升浏览器响应的速率模式
  • 配置vscode
  • 【Spring】深入理解 Spring 事务及其传播机制
  • eclipse常用设置
  • ajax解析