LiteMol:用于在浏览器中处理3D宏分子数据的强大而快速的工具

​LiteMol官网​

GitHub地址:​​https://github.com/dsehnal/LiteMol​

上述链接有详细使用介绍,这里简单梳理流程。

需要先安装node.js

​​NodeJS安装及部署(Linux系统)​​

通过npm安装http-server

npm install -g http-server

通过npm安装typescript对应版本,版本号可以在项目根目录下的package.json查看

npm版本号说明:

LiteMol的本地化部署_版本号

我这里是^2.9.1

npm install -g typescript@2.9.1

查看当前typescript的版本号:

tsc -v

 

clone项目到本地

git clone https://github.com/dsehnal/LiteMol.git

 可以先看看示例里面的预览。

"noImplicitAny": true //默认设置

报错信息1: 

JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.

LiteMol的本地化部署_typescript_02

解决方法:  

"noImplicitAny": false, // 是否在表达式和声明上有隐含的any类型时报错

参考文章:​​https://www.jianshu.com/p/ece127ffc996​​ 

报错信息2:

 Property 'props' does not exist on type 'Origins'.

LiteMol的本地化部署_JSX_03

解决方法:​​TypeScript 错误property does not exist on type Object ​​ 

新的报错信息: 

Cannot find namespace 'JSX'.

 

LiteMol的本地化部署_JSX_04

未完,待续。。。。