快乐江米在线编程平台制作记录3——安装gui

作品分类:SCRATCH3 2019-11-04

自己掏钱做了这个网站,如果不写点什么真对不起我这勤奋的手,和不高的收入。

所以,记录一下自己瞎折腾的心里路程。

一点都不专业。

纯粹个人理解甚至自己都能起名词。啊哈哈。

先说说啥是gui:

1、我不知道啥是gui,通过搜索引擎可以查到,但是不想去查,因为在这里的gui(贵),就是scratch3.0    的编辑器的源码的名字而已。gui应该分开来读:g.u.i。我要写个程序,我绝对不叫它gui,我叫它:jian(便宜)。呵呵

2、文件夹名字:scratch-gui,经常被改成sc3+日期,如sc320191025

3、干活的软件,选用了visual studio code。

      官网:https://code.visualstudio.com/

       下载: https://code.visualstudio.com/Download

      下载可根据自己的操作系统类型来下载相应的安装程序。

3.1、vscode设置中文,百度一下,很多的。关键词:vscode设置中文之类的。

4、作者使用苹果电脑来制作。建议大家用苹果电脑或者linux系统的电脑。

5、window系统电脑,请看这里》》》》》》》scratch-gui环境搭建经验分享《《《《《《《

6、安装nodejs,安装yarn,安装cnpm。(不是主要内容,不再赘述,请自行百度)看到这里的都是英雄。其实这些有些开发经验的都可以快速掌握这些软件的安装和使用方法。只不是这些软件都是命令行软件。记住或者查找相关的命令就可以了。


7、用vscode软件打开下载并解压缩后的源码文件夹,如:sc320191103.

8、在vscode中的终端中,直接运行:yarn。进行安装。

 安装可能会出错误。出错后,搜索相关错误,解决错误,重新运行yarn。

经验:第一次用yarn出错了,用cnpm install。然后再用yarn。

9、啥叫安装成功?程序跑完不出现红色err字样的就可以了。

10、运行源代码。命令:yarn start

11.png

看到这个:在谷歌浏览器中打开:http://127.0.0.1:8601        即可看到scratch3编辑器的界面了如下图:

屏幕快照 2019-11-04 下午2.29.22.png


下一次,开始编辑源代码。改一些功能!比如菜单之类的。



二维码
意见反馈