vscode+react+OpenCascade.js的js调试。
1、我的需求
我需要在react平台上面显示运行 OpenCascade.js三维编辑渲染平台,在vscode中运行,且可以分布调试。
由于本人常年接触C++,第一次应用js和react平台。所以这里记录的比较细。
都是我的学习笔记。作为以后查找方法。
欢迎大佬们帮看看有没有错误,欢迎萌新们咱们可以互相探讨。
我调试通过了,运行可以用,估计流程没有错误。好像有点忘记了。赶快写下来。
编译工具是VScode version 1.67.1。
浏览器:Chrome 版本 101.0.4951.67(正式版本) (64 位)。
OpenCascade.js平台 版本 2.0.0-beta.4259931。
emsdk 版本 3.1.0。
2、各个平台的说明
2.1、OpenCascade.js平台说明
下面是从OpenCascade.js平台说明文档中翻译整理的(感谢Google翻译)。链接如下:
https://dev.opencascade.org/project/opencascadejs
1、使用Emscripten SDK构建WebAssembly模块,为Open CASCADE Technology框架提供JavaScript语言绑定。
2、Emscirpten是一套基于LLVM构建的编译器工具链,通过该工具链我们可以将基于C/C++语言编写的传统应用程序源代码编译成asm.js或者WebAssembly模块等,可以供Web浏览器使用。
Emscirpten应用在 Linux, Windows, or Mac上。
3、不是OCCT的分支。相反,JavaScript和OCCT之间的所有绑定都是由构建系统自动生成的。
因此,OpenCascade。js将与母项目保持同步,无需手动对账。
4、目标是尽可能多地暴露API表面,并通过NPM以开发人员友好的方式,将生成的库发送出去。
因此,生成的NPM包的文件大小相当大,对于许多基于浏览器的应用程序来说可能太大。
因此,它提供了一种创建“自定义构建”的简单方法,只公开特定项目所需的部分API,从而显著缩小库的大小。
2.2、Emscripten平台说明
Emscripten 是一个完整的 WebAssembly开源编译器工具链。使用 Emscripten,您可以:
- 将 C 和 C++ 代码或任何其他使用 LLVM 的语言编译到 WebAssembly 中,并在 Web、Node.js 或其他 wasm 运行时上运行它。
- 将其他语言的 C/C++运行时编译到 WebAssembly 中,然后以间接方式运行其他语言的代码(例如,对于Python和 Lua已经这样做了 )。
详细情况请看下面链接: