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
相关推荐
zihao_tom5 小时前
Go环境搭建(vscode调试)
开发语言·vscode·golang
sdhongjun9 小时前
VSCode vim Normal模式下无法输入中文到指令参数
ide·vscode·vim
亿洋11 小时前
vscode的continue插件接入第三方自定义中转api
人工智能·vscode·编辑器
syncon1212 小时前
手机内藏式触控高分子分散液晶结构的光学复合结构及液晶线路激光修复原理
科技·3d·制造
OxyTheCrack12 小时前
VSCode使用SSH连接VMware虚拟机环境操作指南
ide·vscode·ssh
动恰客流管家12 小时前
动恰3DV3丨 数据修正,破解客流失真断层,精准还原真实客流
大数据·人工智能·3d·性能优化
日出等日落12 小时前
用 Kavita实现我的远程数字书屋搭建记!
java·开发语言·ide·vscode·编辑器
守护安静星空13 小时前
ubuntu vscode 调试 at32f435vmt7基于AT32IDE
linux·运维·笔记·vscode·ubuntu
一见13 小时前
vscode等的“Go Team at Google”插件
ide·vscode·golang
哈__14 小时前
ReactNative项目OpenHarmony三方库集成实战:react-native-amap3d(推荐使用react-native-maps)
react native·react.js·3d