友情提示:380元/半年,儿童学编程,就上码丁实验室。
下载示例代码
您可以在此处下载zip来获取此代码的示例代码:
或者通过克隆这个git repo:
git clone https://github.com/google/blockly.git
如果您将源代码作为zip下载,解压缩后得到文件夹blockly-master
。
安装并验证Web服务器
您可以自由使用自己的Web服务器,此codelab设计与Chrome Web服务器配合使用。如果您尚未安装该应用,则可以从Chrome网上应用店安装该应用。
安装Web Server for Chrome应用程序后,单击书签栏上的“应用程序”快捷方式:
在随后的窗口中,单击Web Server图标:
接下来您将看到此对话框,它允许您配置本地Web服务器:
单击“ 选择文件夹”按钮,然后选择“块根”文件夹。这将使您能够通过Web服务器对话框中突出显示的URL(在Web服务器URL(s)部分中)为正在进行的工作提供服务。
在选项下,选中“自动显示index.html”旁边的框,如下所示:
然后通过向左滑动标记为“Web服务器:已启动”的切换,然后向右滑动来停止并重新启动服务器。
现在,在Web浏览器中访问您的站点(通过单击突出显示的Web服务器URL)。在浏览器中,导航到demos / codelab / app目录。你应该看到一个如下所示的页面: