1. 进行Streamlit应用的调试

在Visual Studio Code (VSCode) 中进行Streamlit应用的调试，首先确保你已经安装了Python扩展，并且配置了适当的Python解释器。接下来，你可以通过以下步骤进行调试：

1. **创建或修改`launch.json`文件**:
   - 在VSCode中，导航到侧边栏的"Run and Debug"部分，点击"create a launch.json file"来创建一个新的配置文件，如果已经存在，则选择"Add Configuration..."。
   - 选择Python环境作为调试环境。

2. **添加Streamlit的调试配置**:
   - 在`launch.json`文件中，你需要添加一个新的配置来运行Streamlit命令。配置可能会看起来像这样：

```json
 {
     "version": "0.2.0",
     "configurations": [
         {
             "name": "Python: Streamlit",
             "type": "python",
             "request": "launch",
             "module": "streamlit",
             "args": [
                 "run",
                 "${workspaceFolder}/examples/react_web_demo.py",
                 "--server.address",
                 "127.0.0.1",
                 "--server.port",
                 "6006"
             ],
             "console": "integratedTerminal",
             "justMyCode": true
         }
     ]
 }
 ```

确保`${workspaceFolder}/examples/react_web_demo.py`路径指向你的Streamlit脚本文件，如果路径不同，请进行相应修改。

3. **启动调试会话**:
   - 在VSCode中，选择你刚刚创建的"Python: Streamlit"配置。
   - 点击侧边栏中的绿色箭头或按下`F5`键来启动调试会话。

4. **添加断点**:
   - 打开你的`react_web_demo.py`文件。
   - 点击你想要暂停执行的代码行旁边的编辑器边缘，一个红点将出现，表示在那一行上设置了断点。

5. **观察和修改变量**:
   - 当程序执行到断点时，VSCode将暂停执行。
   - 你现在可以查看变量的值，单步执行代码，或者使用调试控制台来执行命令。

6. **调试流**:
   - 通过单步执行(F10)、进入函数(F11)、跳出(F11)、继续/恢复(F5)等调试操作来控制程序流程。

请注意，Streamlit应用在调试模式下可能不会像在正常模式下那样实时更新，因为程序执行会在断点处暂停。此外，由于Streamlit的特性，有些调试操作可能不如在传统的Python应用中那样直观。

From：chatGPT4

2. 更改debug调试时的工作目录

在VSCode中，您可以通过编辑项目的`.vscode/launch.json`文件来修改调试配置中的工作目录。如果这个文件还不存在，您可以通过VSCode的调试面板创建它。

以下是如何设置工作目录的步骤：

1. 打开您的项目文件夹。
2. 转到“运行和调试”侧边栏（或使用快捷键`Ctrl+Shift+D`）。
3. 如果您还没有`launch.json`文件，点击“创建一个 launch.json 文件”链接，然后选择适合您项目的环境。
4. 如果您已经有了`launch.json`文件，可以直接点击该文件进行编辑。

在`launch.json`文件中，您可以为不同的调试配置设置工作目录。例如，如果您想要为Python调试配置设置工作目录，可以添加或修改`"cwd"`属性：

```json
 {
     "version": "0.2.0",
     "configurations": [
         {
             "name": "Python: 当前文件",
             "type": "python",
             "request": "launch",
             "program": "${file}",
             "cwd": "/path/to/your/working/directory",
             "console": "integratedTerminal"
         }
     ]
 }
 ```

在上述配置中，`"cwd"`指定了工作目录的路径。将`"/path/to/your/working/directory"`替换为您希望调试会话使用的目录路径。

请确保您输入的路径是正确的，且VSCode有足够的权限访问该路径。

编辑完成后，保存`launch.json`文件，并启动调试会话。VSCode将使用您指定的工作目录来运行您的代码。