iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试

作者:超图研究院技术支持中心-于丁

iClient3D for Cesium&WebGL入门之使用vscode以服务方式运行调试

相信大家第一次使用SuperMap iClient3D for Cesium或SuperMap iClient3D for WebGL的时候,都遇到过和我一样的事情:

在文件夹中直接打开html的示例代码文件于浏览器中;

或者使用vscode安装open in brower插件,直接右键选择使用浏览器渲染html文件。

会直接收到如下大大报错,因为这两种方式都属于是"本地打开方式",这两种方式对于三维客户端都会导致无法进行测试的报错。

通常情况下,我们在查阅网上资料后,会得到的答案是"将程序部署在一个服务器,如tomcat中"、"借助iServer内置的tomcat,放到webapps文件夹中,启动iServer"...等重量级操作方法,这些方法可以运行我们的三维客户端,但是毫无疑问,这些操作对于我们开发调试并不是那么的方便。

下面就给大家提供用vscode,以服务方式运行调试三维客户端的一种方法。

以服务的方式运行html设置步骤:

1.下载插件:Live Server

2.安装完成后点击"设置"图标中的"设置"

3.在弹出的界面中选择"工作区"-"扩展"-"live Server Config",设置custom broswer为Chrome

4.在html中右键选择" open with live server"

  1. 即可使用服务的方式打开html
相关推荐
叶智辽1 天前
【Three.js与WebGPU】下一代3D技术到底强在哪?
webgl·three.js
波哥学开发2 天前
# Three.js 进阶:如何绘制"像素大小固定"的箭头?三种方案全解析
webgl·gpu
Panzer_Jack3 天前
如何用 WebGL 去实现一个选取色彩背景图片透明化小工具 - Pick Alpha
前端·webgl
烛阴4 天前
Three.js 零基础入门:手把手打造交互式 3D 几何体展示系统
javascript·webgl·three.js
叶智辽5 天前
【ThreeJS调试技巧】那些让 Bug 无所遁形的“脏套路”
webgl·three.js
多恩Stone6 天前
【C++入门扫盲1】C++ 与 Python:类型、编译器/解释器与 CPU 的关系
开发语言·c++·人工智能·python·算法·3d·aigc
叶智辽6 天前
【ThreeJS急诊室】一个生产事故:我把客户的工厂渲染“透明”了
webgl·three.js
多恩Stone6 天前
【3D-AICG 系列-15】Trellis 2 的 O-voxel Shape: Flexible Dual Grid 代码与论文对应
人工智能·python·算法·3d·aigc
在下胡三汉6 天前
为什么“资产土地”标准化主资产的 glTF、glb格式模型,为什么非常流行
3d
2401_863801466 天前
3DTiles(.b3dm,i3dm,cmpt) 数据转换fbx转obj转max转su,cesium格式模型转换
3d