从 Scratch Gui 开始学习 Scratch3.0
2019-09-03 21:45:46
长沙做网站严微次
> git clone https://github.com/LLK/scratch-gui.git
> cd scratch-gui
> npm i
> npm start
然后在浏览器中打开 http://0.0.0.0:8601 或者 http://localhost:8601/
src 目录简介
● components: 组件目录,主要定义 UI 结构和样式和展示数据
● containers:** 对 components 中部分组件的封装,处理部分业务逻辑,不涉及样式
● css: 全局的样式配置
● examples/extensions: 扩展配置示例
● lib: 工具方法目录,供组件调用的一些模块和方法,其中以 -hoc.jsx 结尾的高阶组件,是为 UI 组件提供额外的功能方法
● playground: GUI 示例,有多种模式:积木模式(blocks-only)、舞台模式(player)、完整模式(render-gui)
● reducers: 组件 store 的初始状态 和 reducers
● index.js: 作为 library 打包的入口文件