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
相关推荐
鸡啄米的时光机7 小时前
vscode的一些实用操作
vscode·学习
工业3D_大熊7 小时前
HOOPS Web Platform:3D模型轻量化与可视化的高效解决方案
3d·3d web轻量化·3d建模·3d模型轻量化·3d数据格式转换·工业3d·几何建模
灰色人生qwer11 小时前
React + TypeScript+ Vite 配置路径别名和vscode智能路径提示
vscode·react.js·typescript
莲动渔舟11 小时前
赶AI大潮:在VSCode中使用DeepSeek及近百种模型的极简方法
ide·人工智能·vscode·deepseek
咩咩大主教12 小时前
VSCode运行Go程序报错:Unable to process `evaluate`: debuggee is running
开发语言·ide·vscode·golang·编辑器
佛曰我不想说话12 小时前
通过VSCode直接连接使用 GPT的编程助手
ide·vscode·copilot
mirrornan13 小时前
3D数字化技术:重塑“人货场”,开启营销新纪元
3d·3d展示·3d数字化
羊村懒哥15 小时前
VScode内接入deepseek包过程(本地部署版包会)
人工智能·vscode·deepseek
温酒往事·16 小时前
无缝对接[系列2]:在VSCode中继续接入本地DeepSeek的完整指南
ide·vscode·编辑器
Tom·猫1 天前
VSCODE - 连接远程linux服务器,报错XHR failed 解决方法
linux·服务器·vscode