在 VS Code 中试用 ！

在 Web 上运行和调试 Python

我们很高兴地宣布对在 Web 上运行 Python 代码提供**实验性**支持。要试用此功能，请从市场安装最新预发行版的实验性 - Web 版 Python 扩展。这项工作基于 Python 中的 WASM，目前正在开发中。要了解其工作原理和正在进行的进展，您可以阅读将 Python 编译为 WebAssembly (WASM)。

先决条件

使用此扩展需要以下先决条件

  • 您需要安装 GitHub Repositories 扩展。
  • 您需要使用 GitHub 进行身份验证。
  • 您需要使用支持跨域隔离的浏览器。此扩展已通过 Microsoft Edge 和 Google Chrome 浏览器测试。
  • 您需要使用 Web 版 VS Code 的内部版本（例如 https://insiders.vscode.dev/）
  • 您的源代码必须托管在本地文件系统上，或托管在通过 GitHub Repositories 扩展访问的 GitHub 存储库中。
  • 启动 Web 版 VS Code 时，您需要在 URL 的末尾添加以下查询参数：?vscode-coi=。

运行 Hello World

下面的屏幕截图显示了在浏览器中执行一个简单的 Python 程序。该程序由本地文件系统中存储的两个文件 app.py 和 hello.py 组成。

Execution of Python code stored on a local disk

启动 REPL

此扩展带有一个集成的 Python REPL。要激活它，请运行命令 **Python WASM: Start REPL**。

Start Python Repl

调试

Web 版 Python 文件支持调试，它使用与 VS Code 桌面版调试相同的 UI。目前支持的功能包括

  • 设置断点
  • 单步进入和退出函数
  • 跨模块调试
  • 在调试控制台中评估变量
  • 在集成终端中调试程序

下面的屏幕截图显示了一个活动的调试会话。这些文件直接托管在 GitHub 上的这个示例存储库中。

Debugging a Python program

创建自己的 Python 环境

该扩展使用基于 CPython WebAssembly 构建版本的预配置 Python 环境。使用的构建版本是 Python-3.11.0-wasm32-wasi-16.zip。

您可以按照以下步骤创建自己的 Python 环境，包括源代码 wheel Python 包：

  • 创建一个新的 GitHub 存储库。

  • 从 cpython-wasm-test/releases 下载 wasm-wasi-16 构建版本，并将其解压到存储库的根目录。

  • 要添加源代码 wheel 包，请执行以下操作：

    • 在根目录中创建一个 site-packages 文件夹。
    • 使用以下命令安装包：pip install my_package --target ./site-packages。请注意，您的操作系统中需要安装 Python，包括 pip。

  • 提交更改。

  • 将 python.wasm.runtime 设置更改为指向您的 GitHub 存储库。例如

    {
  "python.wasm.runtime": "https://github.com/dbaeumer/python-3.11.0"
}

限制

Web 版 Python 支持不提供在本地机器上运行源代码时可用的所有功能。Python 解释器的主要限制是：

  • 不支持 Socket。
  • 不支持线程。因此，也不支持异步。
  • 不支持 pip。
  • 不支持原生 Python 模块。

致谢

如果没有 Python 社区的支持，这项工作将无法完成，他们正在构建和维护 CPython 所需的 WASM 文件。

反馈

如果您在使用 Web 版 Python 扩展时遇到问题，可以在 vscode-python-web-wasm 存储库中提交问题。

06/12/2025