splootcode：降低编程入门门槛的编码环境

郁铎舒

于 2025-05-17 09:00:00 发布

阅读量642

点赞数 30

本文链接：https://blog.youkuaiyun.com/gitblog_01096/article/details/148022423

版权

splootcode：降低编程入门门槛的编码环境

splootcode The coding environment for non-engineers 项目地址: https://gitcode.com/gh_mirrors/sp/splootcode

项目介绍

splootcode 是一款致力于降低编程入门难度的编码环境。它为非工程师背景的用户提供了一个无障碍的编程学习平台。通过直观的设计和实用的功能，splootcode 帮助初学者快速掌握 Python 编程，从而让编程学习变得更加容易。

SplootCode 编辑器截图

项目技术分析

splootcode 采用 WebAssembly 技术和 Pyodide，在浏览器中运行 Python 代码。Pyodide 是 CPython 编译到 WebAssembly 的版本，这使得 Python 代码能够在 Web 应用中高效执行。splootcode 的这种架构设计，为用户提供了一个无需安装 Python 解释器和环境的编程体验。

项目及技术应用场景

splootcode 的设计目标是为非工程师用户提供一个无限制的 Python 实现环境。以下是该项目的一些主要应用场景：

编程教育：splootcode 提供了一个简单直观的编程环境，非常适合用于编程教育，尤其是面向编程初学者。
在线编程平台：splootcode 可作为在线编程平台的内核，为用户提供即时的编程反馈和交互式学习体验。
代码原型设计：开发者可以在 splootcode 中快速编写和测试代码原型，无需担心本地环境配置。

项目特点

无限制的 Python 实现：splootcode 提供了一个完全自由的 Python 环境，让用户可以自由探索和实验。
快速编辑：通过键盘快捷键和自动完成功能，用户可以快速编辑代码，提高编码效率。
连续运行时反馈：splootcode 不需要一步一步的调试器，就能提供连续的运行时反馈，帮助用户及时发现和修正错误。
避免常见编程错误：通过设计，splootcode 帮助用户减少语法错误和其他常见编程错误。
简化工作流程：splootcode 自动处理诸如转义、括号匹配、包装和空格等繁琐的工作，让用户更专注于代码逻辑。
易于发现和使用语言特性：splootcode 提供了一个友好的界面，使得语言特性和函数更容易被用户发现和使用。

技术细节

splootcode 作为一款 Web 应用，使用 Pyodide 来在浏览器中运行 Python 代码。Pyodide 将 CPython 编译为 WebAssembly，允许 Python 代码在浏览器中直接运行，而不需要任何额外的安装。

开发环境

必备条件：安装 Python、nodejs 和 yarn。

本地开发：

安装依赖：
```
$ yarn install
```
生成内置变量和函数的类型信息（需要 Python 3.8+）：
```
$ yarn generate-types
```
构建项目依赖的 Yarn 工作空间包：
```
$ yarn build:packages
```
启动开发服务器：
```
$ yarn start
```
在另一个终端中，运行以下命令来为运行时 iframe 服务器：
```
$ yarn start-frame
```
应用程序将可通过 http://localhost:3000 访问。运行时 iframe 服务器将从 :3001 运行，并会自动被编辑器加载。

splootcode 的主编辑器和 iframe 通过 postMessage 进行通信，它们需要知道彼此的域名。这通过 .env.development 文件进行配置。如果您希望更改上述端口，也需要编辑该文件。

重要提示：主应用程序必须在 localhost 而不是 127.0.0.1 的 URL 栏中打开，以便运行时 iframe 正常工作。否则，运行时 iframe 将被认为已死亡并持续重新加载。不幸的是，在较旧版本的 Node（早于 Node 17）中，Vite 开发服务器默认会打开到 127.0.0.1，较新版本的 Node 应该默认为 localhost。如果您希望使用不同的源，则更新 .env.development 以匹配。