vscode里ts怎么打断点

在VSCode中使用TypeScript（ts）设置断点非常简单。请按照以下步骤操作：

1. 打开VSCode编辑器，在你的TypeScript项目中打开要调试的文件。

2. 在你希望设置断点的行上单击左侧编辑器窗格中的行号。此操作将在行号的位置添加一个红色圆点，表示已设置断点。

3. 在VSCode的顶部菜单栏中，点击”调试”选项，然后点击左侧面板中的”创建配置”按钮。这将创建一个”launch.json”文件，该文件用于配置调试器。

4. 在该文件中，找到”configurations”属性，你可以在该属性下添加一个新的调试配置项。

5. 根据你的项目类型和需要，你可以选择不同的调试配置项。下面是一些常用的调试配置项示例：

– Node.js调试：适用于基于Node.js的TypeScript项目。

“`json
{
“type”: “node”,
“request”: “launch”,
“name”: “Node.js”,
“program”: “${workspaceFolder}/app.ts”,
“outFiles”: [
“${workspaceFolder}/**/*.js”
],
“sourceMaps”: true
}
“`

– Chrome调试：适用于在Chrome浏览器中调试前端TypeScript代码。

“`json
{
“type”: “chrome”,
“request”: “launch”,
“name”: “Chrome”,
“url”: “http://localhost:3000”,
“webRoot”: “${workspaceFolder}”
}
“`

– Electron调试：适用于在Electron应用程序中调试TypeScript代码。

“`json
{
“type”: “node”,
“request”: “launch”,
“name”: “Electron”,
“protocol”: “inspector”,
“runtimeExecutable”: “${workspaceFolder}/node_modules/.bin/electron”,
“windows”: {
“runtimeExecutable”: “${workspaceFolder}/node_modules/electron/dist/electron.exe”
},
“args”: [“.”],
“outFiles”: [
“${workspaceFolder}/dist/**/*.js”
]
}
“`

你可以根据你的项目需求进行相应的调整。

6. 保存”launch.json”文件并关闭。

7. 点击VSCode顶部菜单栏中的”调试”选项，然后点击调试面板中的绿色播放按钮或按下F5键来启动调试会话。

8. 当代码执行到设置的断点时，程序将暂停执行，你可以通过查看变量的值、调用堆栈等进行调试。

注意：在设置断点之前，请确保你的TypeScript代码已经成功编译为JavaScript。你可以使用`tsc`命令或VSCode的TypeScript插件来进行编译。

希望这些步骤可以帮助你在VSCode中成功设置和使用TypeScript断点进行调试！

在VSCode中使用TypeScript打断点非常简单，只需按照以下步骤操作即可：

Step 1: 安装VSCode插件
首先，确保已经在VSCode中安装了TypeScript插件。如果没有安装，可以在VSCode的插件市场搜索并安装”TypeScript”插件。

Step 2: 配置tsconfig.json
在项目的根目录下找到或创建一个名为”tsconfig.json”的文件。在该文件中，确保以下配置项被启用：

“sourceMap”: true
上述配置项将生成与TypeScript源码文件对应的JavaScript映射文件。这个映射文件会使得在调试期间能够准确的断点调试TypeScript代码。

Step 3: 启动调试
接下来，打开需要调试的TypeScript文件，并在文件的左边栏找到行号的区域。在你打算设置断点的行号上单击左侧，会出现一个红色的圆形标记，表示在该行上设置了一个断点。

Step 4: 启动调试器
在VSCode的顶部菜单中选择”调试”，然后点击”开始调试”按钮。或者按下F5键启动调试。你也可以在调试器工具栏中选择”启动调试”按钮来开始调试。

Step 5: 运行程序
在调试器启动后，你可以通过执行程序来触发断点。如果你是通过命令行或者终端方式运行程序，可以在终端中输入命令并按下回车。如果你是在VSCode中使用调试功能启动程序，你只需按下”F5″键即可。

Step 6: 断点调试
当程序执行到你设置的断点位置时，调试器会暂停程序的执行。此时你可以使用调试器提供的一系列功能，如查看变量的值、查看函数调用栈等。你也可以使用调试器提供的控制按钮，如”继续”、”一步一步执行”、”跳出函数”等。

需要注意的是，调试的效果取决于你的代码和断点的位置。有时候，由于一些问题（如源码与编译后代码的映射关系），调试器可能会表现得不太准确或者不如预期。在这种情况下，你可以尝试重新编译和调试代码，或者更改断点的位置。

总结：
使用VSCode调试TypeScript代码非常方便，只需安装TypeScript插件、配置tsconfig.json文件、设置断点并启动调试器即可。通过调试器，你可以方便地查看变量的值、查看函数调用栈等，从而提高代码的调试效率。

在VSCode中，你可以通过以下步骤在TypeScript代码中设置断点：

1. 打开你的TypeScript项目，并确保安装了TypeScript的调试工具。

2. 打开你要设置断点的TypeScript文件。

3. 通过以下两种方式之一设置断点：
– 直接单击要设置断点的行号，一个红色的圆点会出现在行号旁边，表示断点已设置。
– 在要设置断点的行上右键单击，然后选择 “Toggle Breakpoint”。

4. 在VSCode中打开调试视图。你可以通过按下”Ctrl+Shift+D”，或者在菜单栏中选择 “View -> Debug” 打开。

5. 在调试视图的工具栏中，选择所需的调试配置。如果没有可用的调试配置，你可以点击 “configure” 链接来创建一个调试配置。

6. 运行你的TypeScript代码，以触发断点。你可以通过以下三种方式之一来启动调试：
– 在调试视图的工具栏中点击 “Start Debugging” 按钮。
– 使用快捷键 “F5” 启动调试。
– 在调试视图的工具栏中点击 “Play” 按钮。

7. 当代码运行到你设置的断点时，调试器会暂停执行，并显示断点所在的行。你可以使用调试器提供的工具来查看变量的值、单步执行代码、观察调用堆栈等。

注意事项：
– 确保你的TypeScript代码已经被编译成JavaScript。你可以通过运行 “tsc” 命令或设置VSCode的任务来自动编译TypeScript代码。
– 如果你的TypeScript文件中包含了源映射文件（.map文件），VSCode会自动加载源映射，从而能够在TypeScript文件中设置断点。
– 断点只会在调试过程中生效，重新运行代码时断点会被清除。如果想保留断点，可以将代码设置为“持久断点”。
– VSCode还提供了许多其他的调试功能，如条件断点、断点日志等。你可以在VSCode的官方文档中找到更多关于调试的详细信息。