如何将TypeScript文件进行打断点,以图文的形式告诉我
时间: 2024-06-03 12:08:37 浏览: 6
以下是如何在TypeScript文件中设置断点的步骤:
1. 打开你的TypeScript文件。
2. 在你想要设置断点的行上单击行号,或者在代码行上单击左侧灰色区域。此时,你应该看到行号或左侧区域上出现一个圆形标记。
3. 点击“调试”面板(左侧的虫子图标)。
4. 点击“添加配置”按钮。
5. 选择“Node.js”(或者你要调试的其他应用程序类型)。
6. 在“launch.json”文件中编辑配置,以便它指向你的TypeScript文件。
7. 点击“调试”面板中的绿色三角形按钮,以开始调试你的应用程序。
8. 此时,当你的应用程序执行到你设置的断点时,它会在那里暂停。你可以在调试面板中查看变量的值,单步执行代码等等。
以下是详细的图文教程:
Step 1: 在TypeScript文件中设置断点
在你想要设置断点的行上单击行号,或者在代码行上单击左侧灰色区域。此时,你应该看到行号或左侧区域上出现一个圆形标记。
![在TypeScript文件中设置断点](https://img-blog.csdnimg.cn/20211027113814179.png)
Step 2: 打开调试面板
点击“调试”面板(左侧的虫子图标)。
![打开调试面板](https://img-blog.csdnimg.cn/20211027113927980.png)
Step 3: 添加配置
点击“添加配置”按钮。
![添加配置](https://img-blog.csdnimg.cn/20211027113951830.png)
Step 4: 选择应用程序类型
选择“Node.js”(或者你要调试的其他应用程序类型)。
![选择应用程序类型](https://img-blog.csdnimg.cn/20211027114017665.png)
Step 5: 编辑配置
在“launch.json”文件中编辑配置,以便它指向你的TypeScript文件。
![编辑配置](https://img-blog.csdnimg.cn/2021102711404948.png)
Step 6: 开始调试
点击“调试”面板中的绿色三角形按钮,以开始调试你的应用程序。
![开始调试](https://img-blog.csdnimg.cn/20211027114119703.png)
Step 7: 暂停在断点处
此时,当你的应用程序执行到你设置的断点时,它会在那里暂停。你可以在调试面板中查看变量的值,单步执行代码等等。
![暂停在断点处](https://img-blog.csdnimg.cn/20211027114148191.png)
以上就是在TypeScript文件中设置断点的步骤,希望能帮助到你。