在浏览器中运行Python：VS Code WebAssembly扩展体验指南

直接在浏览器中运行 Python 代码，这听起来像不像科幻小说？现在，微软推出的 VS Code 扩展 vscode-python-web-wasm 已经让它成为现实。它利用 WebAssembly 技术把 Python 带进浏览器，为 Web 端开发打开了全新的大门。本文就带你详细体验这款令人兴奋的工具。

什么是 vscode-python-web-wasm？

vscode-python-web-wasm 是一款 VS Code 扩展，让你能在 Web 浏览器（比如 vscode.dev）里运行 Python 代码。其核心技术是 WebAssembly (Wasm)，一种高效的二进制指令格式，可将各类高级语言编写的代码编译成浏览器能直接运行的形态。这意味着你不用再被本地 Python 环境束缚，只要有浏览器，就能随时随地进行 Python 开发和运行。

它能做什么？

想象一下：在任何设备上打开浏览器和 VS Code 在线版，你就能编写、运行、调试 Python 代码。无需安装复杂的本地环境，也不会再受操作系统和硬件配置的制约。vscode-python-web-wasm 让 Python 编程变得更便捷、灵活、易上手。虽然当前功能还有限制，但它已经为未来的 Web 端 Python 开发展现了无限可能。

有哪些限制？

目前 vscode-python-web-wasm 还处于实验阶段，存在以下一些限制：

• 无 pip 支持：你不能用 pip 安装额外的 Python 包。
• 无 socket 支持：无法进行网络连接相关操作。
• 不支持原生 Python 模块：一些依赖系统底层功能的模块无法使用。
• 无线程支持：这也意味着异步操作无法实现。

这些限制决定了该扩展目前还不适合用来开发大型项目，或者那些需要依赖大量第三方库的复杂程序。把它当作一个学习和实验的工具更合适，可以帮你探索 WebAssembly 在 Python 领域的应用可能性。

如何使用？

首先，你需要安装 vscode-python-web-wasm 扩展。接着要有一个 GitHub 账户用于身份验证，因为扩展依赖 GitHub 存储库。

扩展内部预置了 CPython WebAssembly 构建版本（当前为 Python 3.11.0rc1-wasm32-wasi-16）。你也可以按下面的步骤定制自己的 Python 环境：

1. 创建一个新的 GitHub 仓库。
2. 从 https://github.com/tiran/cpython-wasm-test/releases 下载 Wasm 构建版本，解压后放到仓库根目录。
3. 如果需要添加额外的 Python 包，先创建一个名为 site-packages 的文件夹，然后用 pip install my_package --target ./site-packages  安装这些包（注意，这要求你本地已安装 Python 和 pip）。
4. 将更改提交到 GitHub 仓库。
5. 在 VS Code 的设置中，调整 python.wasm.runtime 设置，让它指向你的仓库地址。例如：

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

总结

vscode-python-web-wasm 是一个潜力巨大的项目，为“在浏览器中运行 Python”开辟了新的道路。虽然眼下还有一些限制，但它已经展现出令人兴奋的前景，也指明了未来 Web 端 Python 开发的方向。对于想探索 WebAssembly 技术或学习 Python 的开发者来说，这是一个很值得一试的工具。让我们一同期待它的后续发展吧。

你可以在 云栈社区 分享你的使用体验，和更多开发者一起交流。

项目地址：https://github.com/microsoft/vscode-python-web-wasm