Scratch3.0——项目层次结构

怼烎@ 2022-04-23 01:54 220阅读 0赞

> 简要介绍: 本文旨在介绍scratch3.0项目层次结构及关键功能。  
> 源码：[https://github.com/LLK/scratch-gui][https_github.com_LLK_scratch-gui]

**核心依赖库**  
![Alt text][]  
scratch-audio：声音拓展  
scratch-blocks：代码积木块  
scratch-l10n：国际化  
scratch-paint：绘图拓展  
scratch-render：舞台渲染，在舞台区域出现的基于WebGL的处理器。  
scratch-storage：作品存储加载  
scratch-svg-renderer：svg处理  
scratch-vm：虚拟机，管理状态并执行业务逻辑。

#### Scratch-Gui目录结构 ####

在scratch中最为核心的便是gui库，目录结构如下：

├── build                    # 默认编译后的文件夹
    │   ├── static               # 静态资源
    │   ├── index.html          
    │   ├── gui.js               
    │   ├── lib.js               # 编译后主要的js文件                    
    ├── src
    │   ├── components           # UI组件，负责页面呈现
    │   ├── containers           # 容器组件，承载容器组件业务逻辑
    │   ├── css                  # 全局通用css
    │   ├── examples             # 集成测试用例
    │   	├── extensions       # 拓展案例
    │   ├── lib                  # 插件及高阶组件
    │   	├── audio            # 声音插件
    │   	├── backpack         # 背包插件
    │   	├── default-project  # 默认项目
    │   	├── libraries        # 素材库相关
    │   	├── video            # 视频模块
    │   ├── playground           # 编译后页面的模版
    │   ├── reducers             # 全局状态控制
    ├── test                     # 测试用例
    ├── translations             # 翻译库
    ├── README.md
    └── package.json
    └── webpack.consig.js

码猿Scratch学习平台：[https://scratch.imayuan.com][https_scratch.imayuan.com]

[https_github.com_LLK_scratch-gui]: https://github.com/LLK/scratch-gui
[Alt text]: /images/20220323/c5d592637fd244f784cc0226cc72a799.png
[https_scratch.imayuan.com]: https://scratch.imayuan.com