Ketcher源码学习-源码解读-项目架构概述
一、Ketcher简介
1. Ketcher是一个网页版的化学结构及化学反应的编辑器。
2. standalone模式下:无需服务端,仅在客户端浏览器中运行。
3. remote模式下:集成Indigo作为服务端,用于处理自动布局、AAM (原子到原子映射)、(去)芳香化等计算密集型操作。
二、packages简介
1. ketcher-core:提供项目的核心功能,包括域、共享服务、函数和接口声明等内容。
2. ketcher-standalone:仅包含以standalone模式启动Ketcher时所需的功能。
3. ketcher-react:仅包含定义组件所需的功能。集成Miew,用于在3D视图中查看或编辑数据。
4. ketcher-polymer-editor-react:高分子编辑器,目前正在开发中。
三、项目启动方式
1. 克隆仓库源码至本地。
2. 执行yarn命令,安装项目依赖。
3. 进入./packages,依次对四个package执行yarn build命令,将代码打包到dist文件夹中。
4. 进入./example,执行yarn start:standalone命令,即可在浏览器中查看Ketcher页面。
5. 如需调试packages中的代码,可在相应package内执行yarn start命令,修改代码后即可在浏览器中查看效果。
评论
发表评论