搭建基于webgl的显示方案(一)——环境搭建

本文介绍了如何搭建用于WebGL实时显示的开发环境,包括使用VSCode和WebStorm的步骤。首先,详细阐述了VSCode的安装、Live Server插件的配置及创建HTML模板的过程。接着,提及了WebStorm的安装和基本功能,特别指出其丰富的功能和内置的浏览器调试选项。最后,作者总结了环境搭建完成,并预告了后续将涉及的JavaScript数据范围问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

因为显示方案进行调整,要学习web实时显示车辆运行过程中的信息。
本章先说说一开始搭环境调试的坑。

一般来说,第一件事是安装编译器。
参考不少网上教材啊,我自己成功搭了两个环境(webstorm和vscode),我觉得都挺好用的。

1、vscode

这是网上用的比较多的,优点是轻量、跨平台、插件多。

第一步:下载vscode https://code.visualstudio.com/download
第二步:下载插件 live server,安装成功后重启vs code
第三步:测试hello world
1、新建一个文件夹,然后在文件夹里新建一个index.html文件。
2、可以通过快捷方式来先生成一个demo。
网上出的比较多的教程是 : !+ Tab
但是现在新的vscode,按下!没有任何提示,网上找了半天,才发现现在需要 输入 html:5 才能触发自动生成模版。
在这里插入图片描述
生成后的模版应该如下图所示。
在这里插入图片描述

3、在中间输入Hello World!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值