开发人员时不时地在编码时犯错误。程序中的错误称为错误。查找和修复错误的过程称为调试，这是开发过程中的正常部分。本节介绍可帮助您完成调试任务的工具和技术。

WebStorm编辑器启用断点和逐步调试。程序将在连接断点的位置中断。此功能就像您对Java或C＃应用程序开发所期望的那样。您可以通过WebStorm编辑器监视变量，浏览堆栈，单步执行和进行方法和函数调用。

添加断点

考虑以下代码片段。 (TestString.dart)

void main() { 
   int a = 10, b = 20, c = 5; 
   c = c * c * c; 
   
   print("$a + $b = ${a+b}"); 
   print("$a%$b = ${a%b}");  // Add a break point here 
   print("$a*$b = ${a*b}"); 
   print("$a/$b = ${a/b}"); 
   print(c); 
}

要添加一个断点，请单击左边距。在下图中，第7行有一个断点。

在调试模式下运行程序。在项目浏览器中，在我们的案例TestString.dart中，右键单击dart程序。

程序在调试模式下运行后，您将获得Debugger窗口，如以下屏幕截图所示。变量选项卡显示当前上下文中的变量值。您可以为特定变量添加监视程序，并使用监视窗口来监听值的更改。

调试菜单上的单步执行(F7)箭头图标有助于一次执行一个代码语句。如果main方法调用了子例程，那么这也将进入子例程代码。

单步执行(F8)：与单步执行相似。当当前语句包含对子例程的调用时，会发生用法上的差异。如果main方法调用了子例程，则单步执行将不会深入到该子例程。它将跳过该子例程。

单步执行(Shift + F8)：执行当前执行点所在的函数的其余行。显示的下一条语句是子例程调用之后的语句。

在调试模式下运行后，程序给出以下输出–

10 + 20 = 30 
10 % 20 = 10 
10 * 20 = 200 
10 / 20 = 0.5 
125