Skulpt 项目教程

2024-10-10 14:40:36作者：明树来

1. 项目介绍

Skulpt 是一个用 JavaScript 实现的 Python 编程语言。它允许 Python 代码在浏览器中运行，甚至可以在 iPad 上运行。Skulpt 被用于多个项目中，包括交互式 Python 教材。通过 Skulpt，用户可以在浏览器中尝试 Python 代码，甚至进行一些简单的图形编程，如 Turtle 图形。

Skulpt 最初由 Scott Graham 创建，Brad Miller 自 2010/2011 年起担任项目维护者，并与核心贡献者 Albert-Jan Nijburg、Scott Rixner、Meredydd Luff 等人一起推动项目的发展。

2. 项目快速启动

2.1 安装 Node.js

首先，确保你已经安装了 Node.js。你可以从 Node.js 官网下载并安装。

2.2 克隆项目

使用 Git 克隆 Skulpt 项目到本地：

git clone https://github.com/skulpt/skulpt.git
cd skulpt

2.3 安装依赖

在项目目录下运行以下命令安装所需的依赖：

npm install

2.4 构建项目

运行以下命令构建 Skulpt：

npm run dist

构建完成后，你会在 dist 文件夹中找到 skulpt.min.js 和 skulpt-stdlib.js。

2.5 在网页中使用 Skulpt

在你的 HTML 文件中引入 Skulpt 的 JavaScript 文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Skulpt 示例</title>
    <script src="dist/skulpt.min.js"></script>
    <script src="dist/skulpt-stdlib.js"></script>
</head>
<body>
    <textarea id="code" style="width: 100%; height: 200px;">
print("Hello, Skulpt!")
    </textarea>
    <button onclick="runPython()">运行代码</button>

    <script>
        function runPython() {
            var code = document.getElementById("code").value;
            Sk.configure({output: function(text) {console.log(text);}});
            (Sk.TurtleGraphics || (Sk.TurtleGraphics = {})).target = 'mycanvas';
            var myPromise = Sk.misceval.asyncToPromise(function() {
                return Sk.importMainWithBody("<stdin>", false, code, true);
            });
            myPromise.then(function(mod) {
                console.log('success');
            }, function(err) {
                console.log(err.toString());
            });
        }
    </script>
</body>
</html>