idea debug调试怎么使用

工具/材料

eclipse

方法

1、以下面这段代码为例，首先设置断点，如图所示，然后点击菜单栏上的“甲壳虫”标识，进入debug页面。

2、debu页面如图

3、按F6进行调试。如图所示，“variables”表示的是变量的值的变化

代码进行到哪一步，那一步就会变成不一样的颜色。最后在Console中输出结果

*1. 在制作镜像是把 -agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=5005 这个命令也加进去，例如 ENTRYPOINT ["java","-agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=5005", "-jar", "/springboot-1.0-SNAPSHOT.jar"] ,如下图所示：

3种调试方式

1、WebStorm + Chrome

在WebStorm中启动调试时，WebStorm会根据你设置的url，自动打开新的Chrome浏览器进程访问这个设置的url，而且这个浏览器页面和你平常看到的浏览器差异会比较大，看不到书签栏，也看不到先前所装的所有插件。

2、Visual Studio Code调试

Visual Studio Code + Chrome 也可以调试，也能支持在Visual Studio Code源代码处加断调试，当代码执行流运行到这个地方后，也会中断暂停运行，并在调试窗口显示本地变量的值以及堆栈，还可以在Debug Console里执行表达式。

3、Chrome直接调试

在Chrome中也可以打开调试窗口，找到source，然后在源代码处打断点，当代码执行到断点处也会暂停执行，然后有一个很小的窗口显示环境变量的值。

扩展资料

准备环境：

1、在chrome中安装插件 JetBrains IDE Support  (古月: 实际测试, 不需要该插件也行)

2、创建demo项目 vue init webpack vuejs-webpack-project

3、修改source map打开config/index.js文件, 修改source map属性，从cheap-module-eval-source-map改为source-map

---