scratch3.0二次开发分享

最新推荐文章于 2026-04-03 10:02:17 发布

原创

最新推荐文章于 2026-04-03 10:02:17 发布 · 2.1k 阅读

标签

#javascript #前端 #react.js #es6 #node.js

收录于

本文分享了如何基于scratch3.0进行工程升级，集成Antd和axios，实现项目文件上传至自定义服务器，以及在线编程项目的加载和保存。核心内容包括框架初始化、前后端交互与文件管理技术。

最近有个项目，基于scratch3.0二开的，发现网上这方面资料比较少，特把涉及到scratch3.0的相关知识分享给大家，让scratch3.0二开的人，可以少走点弯路。

主要涉及内容，基本以scratch3.0工程本身及相关底层接口调用或扩展为准。

框架初始化升级

集成antd，集成axios：

"devDependencies": {
    "antd": "^3.26.19",
    "axios": "^0.26.1",
  }

保存编程项目到自有服务器

项目文件上传通用封装函数


export function uploadFile (form) {
    return new Promise((resolve, reject) => {
        request({
            url: '你自己的项目保存地址',
            data: form
        })
            .then(response => {
                resolve(response.data);
            })
            .catch(err => {
                console.log(err);
                reject(response.data);
            });
    });
}

编程项目上传

window.vm.saveProjectSb3().then(projectData => {
                const projectFile = new File([projectData], `${window.scratch.getProjectName()}.sb3`);
                const form = new FormData();
                // File.lastModified：最后修改时间