從 Scratch Gui 開(kāi)始學(xué)習(xí) Scratch3.0
> git clone https://github.com/LLK/scratch-gui.git
> cd scratch-gui
> npm i
> npm start
然后在瀏覽器中打開(kāi) http://0.0.0.0:8601 或者 http://localhost:8601/
src 目錄簡(jiǎn)介
● components: 組件目錄,主要定義 UI 結(jié)構(gòu)和樣式和展示數(shù)據(jù)
● containers:** 對(duì) components 中部分組件的封裝,處理部分業(yè)務(wù)邏輯,不涉及樣式
● css: 全局的樣式配置
● examples/extensions: 擴(kuò)展配置示例
● lib: 工具方法目錄,供組件調(diào)用的一些模塊和方法,其中以 -hoc.jsx 結(jié)尾的高階組件,是為 UI 組件提供額外的功能方法
● playground: GUI 示例,有多種模式:積木模式(blocks-only)、舞臺(tái)模式(player)、完整模式(render-gui)
● reducers: 組件 store 的初始狀態(tài) 和 reducers
● index.js: 作為 library 打包的入口文件