canvas vacode 插件_[译]VSCode and WebGL 开发

原文链接

作者: Armno P.TH

理由: 简单实用的小伎俩

Foreword

Vscode 是一个优秀的前端开发编辑器，但仍然会有一些问题的存在，我觉得我应该做一些笔记。

我见过大部分教程都是以这样开头: 首先创建index.html and main.js文件

在index.html放入

复制代码

在main.js，获取 canvas 元素来作为渲染 WebGL内容的上下文

const canvas = document.getElementById('canvas');

// or const canvas = document.querySelector('#canvas');

const gl = canvas.getContext('webgl');

复制代码然后基本上所有东西都使用gl对象

// methods

gl.clearColor(0.0, 0.0, 0.0, 1.0);

gl.attachShader();

gl.vertexAttrib1f();

gl.getAttribLocation();

// constants

gl.COLOR_BUFFER_BIT;

gl.VERTEX_SHADER;

gl.COMPILE_STATUS;

复制代码

我发现VSCode并不能智能提示有关gl代码，因为VSCode发现它是 any 类型，或者VSCode不知道gl对象实际到底是什么类型。因此我无法使用编辑器的智能提示功能

刚