当前位置: 首页 > news >正文

npm下的scratch(少儿编程篇)

引言

小孩处于求知欲特别旺盛的时期,是时候开始播撒编程的种子。男孩子就要做那些酷酷的事情。

先上效果图

在这里插入图片描述
在这里插入图片描述

源代码地址

https://github.com/scratchfoundation/scratch-gui.git
https://github.com/scratchfoundation/scratch-desktop.git

环境配置

在这里插入图片描述

启动任务

Ctrl+Shift+P 在这里插入图片描述

显示库安装路径

npm list -g --depth 0
在这里插入图片描述
npm install
npm start

网路错误

npm error code 1 npm error path D:\LinuxWorkSpace\scratch-desktop\node_modules\electron npm error command failed npm error command C:\WINDOWS\system32\cmd.exe /d /s /c node install.js npm error Debugger listening on ws://127.0.0.1:59754/e8d2be43-6dd4-45a3-a456-a95bb191fa4b npm error For help, see: https://nodejs.org/en/docs/inspector npm error Debugger attached. npm error ReadError: The server aborted pending request npm error at IncomingMessage.<anonymous> (D:\LinuxWorkSpace\scratch-desktop\node_modules\got\dist\source\core\index.js:809:31) npm error at Object.onceWrapper (node:events:632:28) npm error at IncomingMessage.emit (node:events:530:35) npm error at origin.emit (D:\LinuxWorkSpace\scratch-desktop\node_modules\@szmarczak\http-timer\dist\source\index.js:43:20) npm error at IncomingMessage._destroy (node:_http_incoming:221:10) npm error at _destroy (node:internal/streams/destroy:122:10) npm error at IncomingMessage.destroy (node:internal/streams/destroy:84:5) npm error at TLSSocket.socketCloseListener (node:_http_client:478:11) npm error at TLSSocket.emit (node:events:530:35) npm error at node:net:346:12 npm error Waiting for the debugger to disconnect... npm error A complete log of this run can be found in: C:\Users\HiMaq\AppData\Local\npm-cache\_logs\2025-08-18T03_21_51_368Z-debug-0.log Waiting for the debugger to disconnect...

# 全局设置 npm 镜像为淘宝源
npm config set registry "https://registry.npmmirror.com/"
# 环境配置
npm config set proxy http://127.0.0.1:7890
npm config set https-proxy http://127.0.0.1:7890
npm config get https-proxy
npm config get proxycurl -x http://127.0.0.1:7890 https://registry.npmmirror.com/npm config listnpm install --proxy http://127.0.0.1:7890 --https-proxy http://127.0.0.1:7890npm cache clean --forcenpm config set registry https://registry.npmmirror.com/# 全局安装进度显示工具
npm install -g npm-install-progress
# 使用该工具执行安装
npm-install-progress install# 手动下载
https://github.abskoop.workers.dev/https://github.com/electron/electron/releases/download/v25.9.8/electron-v25.9.8-win32-x64.zip# 关闭调试模式并启动
node --inspect=false scripts/start.js# 显示安装进度
npm install -g cnpm --registry=https://registry.npmmirror.com# cnpm
cnpm config set progress true# 版本检测
D:\LinuxWorkSpace\scratch-desktop>npx electron --version
v25.9.8
解决国区下载失败错误

在这里插入图片描述

解决编译错误

https://github.com/scratchfoundation/scratch-gui/issues/9012
在这里插入图片描述

打包windows程序

https://blog.csdn.net/weixin_42409913/article/details/103877621

核心指令

# 关闭npm的严格校验(临时解决完整性问题)
npm config set strict-ssl false
npm install
npm run start
npm link scratch-gui
npm run build-gui
npm start
npm run dist
游戏源码

https://www.codewizardshq.com/25-best-scratch-games/

https://blog.csdn.net/weixin_42409913/article/details/103877621⭐⭐⭐⭐⭐

http://www.dtcms.com/a/338633.html

相关文章:

  • 接口自动化测试持续集成CI/CD(Jenkins)
  • 应用缓存不止是Redis!——亿级流量系统架构设计系列
  • Ansible 角色管理
  • RabbitMQ处理流程详解
  • 基于NB-IOT的智慧路灯系统的设计与实现/基于stm32的太阳能路灯系统的设计与实现#单片机#物联网#嵌入式开发
  • 华金证券携手非凸科技,共话AI赋能交易新未来
  • BeanUtils拷贝大对决:Spring与Apache Commons的差异与妙用
  • 基于多级缓存架构的Redis集群与Caffeine本地缓存实战经验分享
  • Node.js完整安装配置指南(包含国内镜像配置)
  • 第5章 高级状态管理
  • webrtc弱网-GoogCcNetworkController类源码分析与算法原理
  • 关于Android webview协议混淆
  • v-model 入门教程
  • 构建现代化的Web UI自动化测试框架:从图片上传测试实践说起
  • 【网络运维】Ansible roles:角色管理
  • 前端多环境变量配置全攻略:开发 / 测试 / 生产自动切换实战
  • 时间差值工具Date.now()和performance.now()
  • 【实时Linux实战系列】实时大数据处理与分析
  • 【STM32】HAL库中的实现(五):ADC (模数转换)
  • 服务器经常宕机的原因及解决办法
  • Xftp8传输文件与 Linux 系统 Anaconda 安装
  • 腾讯混元3D系列开源模型:从工业级到移动端的本地部署
  • 游戏相机震动与武器后坐力实现指南
  • 禾赛激光雷达AT128P/海康相机(2):基于欧几里德聚类的激光雷达障碍物检测
  • VScode ROS文件相关配置
  • 知识篇 | 中间件会话保持和会话共享有啥区别?
  • 在Windows高效使用OpenCode的方案
  • Rust 入门 返回值和错误处理 (二十)
  • Docker 快速下载Neo4j 方法记录
  • 管道魔法再现:卡巴斯基发现与CVE-2025-29824漏洞利用相关的进化版后门程序