makecode packages扩展包开发和测试方法

    当我们为microbit添加了新的硬件模块,想要留出图形化的块接口供用户使用,就需要自己扩展packages,官方的文档看了一遍又一遍,测试了几次都不够方便。最终经过一下午摸索还有群里面大神的指导有更简便的方法进行测试。当然要能自己开发包,官方的文档还是要看的,链接如下:https://makecode.com/packages/getting-started

    下面就大致列下开发包的步骤和如何测试:

    第一步:基本环境的安装(如果安装过可以忽略)

        1.安装Nodejs

        2.安装pxt,在命令行执行npm install -g pxt  (所有输入的命令行我使用的都是git 的bash,觉得比win自带的命令行工具方便很多)

        3.在电脑磁盘新建一个文件夹microbit文件夹

        4.执行下面指令就可以用默认的浏览器打开一个本地的makecode网页

            mkdir microbit

            cd microbit

            pxt target microbit  (这一步可能比较慢,耐心等一会儿,要下载比较多的文件)

            pxt serve   (以后想打开本地的makecode网页,直接进microbit目录下面执行这条指令就可以)

    第二步:开发你自己的包

        1.进入项目设定

makecode packages扩展包开发和测试方法

        2.点击图示的加号

makecode packages扩展包开发和测试方法

        

        3.选中pxt.json选择以文本形式编辑设置,目的是要把custom.ts添加到项目里面去

makecode packages扩展包开发和测试方法

        4.添加如下图所示红色圈起来的部分

makecode packages扩展包开发和测试方法

        5.再次点击方块就可以把看到custom里面的内容已经生成了相应的图形块。

makecode packages扩展包开发和测试方法

        

        6.然后就可以尽情的再custom.ts文件里面添加自己的代码,修改完就可以直接在图形化界面测试效果

makecode packages扩展包开发和测试方法

    第三步、上面的步骤已经可以看到自己开发包的效果了,那么这毕竟还不是完整的包,想要完整的包可以继续按照下面的执行:

        进到第一步骤建的microbit文件夹下面,再往下找到microbit->projects,比如我们这个包叫做blink,就新建一个blink文件夹,在里面执行pxt init指令

        makecode packages扩展包开发和测试方法

        可以看到blink文件夹里面已经添加了很多文件。如果你安装的有vscode,可以直接在blink目录下执行指令code .就可以打开vscode进行编辑了,这时候就可以把刚才编辑的custom.ts文件内容拷贝到main.ts里面。当然自己也可以在test.ts文件里面添加测试代码。再执行依据pxt指令,自动会进行编译,有错误会有提示,如果没错误你连接的有microbit的板子,就自动会把你的测试代码下载进microbit里面去。

    第四步、最后把blink文件夹推送到github去,之后别人就可以通过github网址加载你的扩展包了。

    这篇文章主要就是讲了一下大概的步骤,具体开发包的代码怎么写,这个就需要去参考官方文档了:https://makecode.com/defining-blocks  还有一些多语言的支持怎么写我这里也不介绍了,可以参考官方写的包去分析格式。

         

            

        


转载请注明转自电子创客营:makecode packages扩展包开发和测试方法! 了解我们点击这里
喜欢 (4)or分享 (0)
电子创客营
关于作者: