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
相关推荐
周小码2 小时前
CesiumJS详解:打造专业级Web 3D地球仪与地图的JavaScript库
前端·javascript·3d
大嘴带你水论文2 小时前
震惊!仅用10张照片就能随意编辑3D人脸?韩国KAIST最新黑科技FFaceNeRF解析!
论文阅读·人工智能·python·科技·计算机视觉·3d·transformer
刘皇叔code4 小时前
记一次用Three.js展示360°全景图的折腾
webgl·three.js
战南诚1 天前
前端开发vscode插件 - live server
ide·vscode·编辑器
墨抒颖 msy.plus1 天前
[特殊字符] 从零到一:打造你的VSCode圈复杂度分析插件
ide·vscode·编辑器·插件·cursor
北冥有鱼被烹1 天前
【微知】vscode如何开启markdown的review模式?
ide·vscode·编辑器
Coovally AI模型快速验证2 天前
3D目标跟踪重磅突破!TrackAny3D实现「类别无关」统一建模,多项SOTA达成!
人工智能·yolo·机器学习·3d·目标跟踪·无人机·cocos2d
研梦非凡2 天前
CVPR 2025|基于粗略边界框监督的3D实例分割
人工智能·计算机网络·计算机视觉·3d
逻辑羊驼2 天前
VSCode+MobaXterm+X11可视化界面本地显示
运维·服务器·ubuntu·3d
携欢2 天前
CodeQL(Mac)安装与测试(Visual Studio)简明指南
ide·vscode·macos