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
相关推荐
NiceAsiv16 小时前
VSCode之打开python终端 取消conda activate的powershell弹窗
vscode·python·conda
AndrewHZ17 小时前
【图像处理基石】什么是光栅化?
图像处理·人工智能·算法·计算机视觉·3d·图形渲染·光栅化
胖好白17 小时前
【RK3588开发】RK3588的Debian系统环境搭建
linux·vscode·debian
二狗哈18 小时前
Cesium快速入门33:tile3d设置样式
3d·状态模式·webgl·cesium·地图可视化
接着奏乐接着舞。20 小时前
3D地球可视化教程 - 第6篇:蜂巢网格与自定义几何体
前端·vue.js·3d·threejs
Hiweir ·20 小时前
ROS Noetic教程------VSCode创建ROS话题通讯--发布方的简单流程
vscode·python·ros noetic·ros noetic教程
肆悟先生21 小时前
2.1visual Studio code 插件
ide·vscode·编辑器·html5
LYOBOYI1231 天前
使用vscode创建qt的qml项目
ide·vscode·编辑器
戴西软件1 天前
戴西软件3DViz Convert:解锁三维数据流动,驱动一体化协同设计
大数据·人工智能·安全·3d·华为云·云计算
Horizon3D1 天前
Cesium大气散射+全球体积云效果
webgl·可视化·cesium效果