最新消息:380元/半年,推荐全网最具性价比的一站式编程学习平台码丁实验室

【Blockly系列教程】添加Blockly库

Blockly 少儿编程 3087浏览 0评论

友情提示:380元/半年,儿童学编程,就上码丁实验室

既然您已经知道要构建什么,那么让我们为应用程序添加Blockly依赖项。

  1. 导航 demos/codelab/app/.
  2. index.html在文本编辑器中打开文件。

添加Blockly javascript库

在index.html文件的末尾,您可以看到正在导入的两个脚本:

  • scripts/main.js - 这是应用程序的主要逻辑。目前,它具有在基本应用程序中导航和切换视图所需的所有代码
  • scripts/music_maker.js - 一个可以播放声音的小型图书馆。它将被我们的Blockly代码用于在浏览器中实际播放声音。

在这两个脚本之前添加Blockly脚本。顺序很重要,因为稍后我们将在main.js中使用Blockly对象。

首先,包括核心Blockly脚本和核心块集。

<scriptsrc="../../../blockly_compressed.js"></script>
<scriptsrc="../../../blocks_compressed.js"></script>

然后包括块用于用户语言的消息(在本例中为英语):

<scriptsrc="../../../msg/js/en.js"></script>

您必须 登录 才能发表评论!