vscode+react+OpenCascade.js的js调试。

本文档详细记录了如何在React平台上使用OpenCascade.js进行三维编辑渲染,并在VSCode中进行调试。首先介绍了OpenCascade.js、Emscripten和Node.js平台的基本概念,接着讲解了安装这些平台的步骤。在VSCode中,作者遇到了“pwa-msedge”类型的错误和启动浏览器的问题,通过调整launch.json配置解决了问题,实现了在VSCode中设置断点进行调试。
摘要由CSDN通过智能技术生成

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已经这样做了 )。

详细情况请看下面链接:

  • 3
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值