当前位置: 首页 > ops >正文

使用WebStorm打断点调试Vue项目

1:打开WebStorm,先配置vue启动的服务,如下

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2:如果上面的选择第4步空白,,就先启动过vue项目,或者在packege.json启动过,就可以直接添加npm服务

在这里插入图片描述

3:使用Debug启动项目

在这里插入图片描述

4:启动成功记住路径,如下http://localhost:5799/,以下有用启动成功

5:添加一个JavaScript调试

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

6:–remote-allow-origins=*

在这里插入图片描述

7:启动项目就可以调试(注意:必须同时启动两个)

在这里插入图片描述

http://www.xdnf.cn/news/5903.html

相关文章:

  • 相对论速度叠加公式与双曲正切
  • 如何创建企业微信应用,如何给企业微信发送消息
  • 【Docker】Docker环境下快速部署Ollama与Open-WebUI:详细指南
  • Qiankun在vue3+vite+ts使用
  • 最优化方法Python计算:有约束优化应用——线性可分问题支持向量机
  • 车载网关作为车辆网络系统的核心枢纽
  • 算法竞赛相关 Java 二分模版
  • 课题推荐——低成本地磁导航入门,附公式推导和MATLAB例程运行演示
  • XILINX-配置(引脚复用)
  • 【Nova UI】十六、打造组件库之滚动条组件(中):探秘滑块的计算逻辑
  • JavaScript进阶(九)
  • 定时器(两种)
  • 芋道(yudao-cloud)项目,后端接口报401-账号未登录解决方案
  • deepseek梳理java高级开发工程师微服务面试题
  • AD PCB布线的常用命令
  • EasyOps®5月热力焕新:三大核心模块重构效能边界
  • LeetCode LCR 016. 无重复字符的最长子串 (Java)
  • 工业巡检机器人 —— 机器人市场的新兴增长引擎
  • NY182NY183美光固态颗粒NY186NY188
  • 宽频带地震仪,便携、高效,守护安全防线
  • STM32 ADC 模数转换器详解:原理、配置与应用
  • 物理:由基本粒子组成的个体能否提炼和重组?
  • tiny core linux系统详解
  • 我喜欢的vscode几个插件和主题
  • 从入门到精通:Drools全攻略
  • webservice获取全国省份区县编码(拼音全拼+拼音简写)
  • 深度学习 自然语言处理(RNN) day_02
  • 2. 盒模型/布局模块 - 响应式产品展示页_案例:电商产品网格布局
  • 基于C#+MySQL实现(WinForm)企业设备使用信息管理系统
  • Linux进程信号保存(25)