【简介】:Blockly是Google开源的基于网络的可视化程序编辑器。用户可以将一些定义好的图形块拼接起来构建应用程序。Blockly是一个为Web和移动应用程序添加可视化代码编辑器的库,使用块之间互锁的图形块来表示代码,例如变量、逻辑表达式、循环等。编辑器将代码逐一表示为图形块,并通过图形块之间的连接保证语法的正确性,支持自定义块连接到应用程序。从用户的角度来看,Blockly是直观的。一种构建代码的可视化方式。对于开发人员而言,Blockly是一种开箱即用的UI,用于创建可生成语法正确的用户代码的可视化语言。目前支持JS、Python、PHP、Lua、Dart。它是一个纯JavaScript库,不依赖服务器,兼容主流浏览器,包括Chrome、Firefox、Safari、Opera和IE(IE11),支持定制和扩展。Blockly具有以下特性和优势:可导出代码。用户可以提取和导出基于块的程序,并在自己的文本编程中使用它们。开源。Blockly上的所有内容都是开放的。可扩展。支持自定义块或删除不需要的块和功能进行功能调整定制。强大的。可用于执行计算复杂的编程任务,例如计算标准偏差。全球化。至今已被翻译成40多种语言。其他类似工具:ScratchBlocks、PXT、Droplet、Snap。一个解决BlocklyGames迷宫问题的例子:项目地址:https://github.com/google/blockly使用简单下载安装方法很简单,直接使用npm安装:npminstallblocklyBlocklyToolbox工具箱来自哪个用户可以创建新的blocks工具箱的侧边菜单,使用XML或JSON指定工具箱的结构,并在注入页面后传递给Blockly。XML格式:
