VScode配置glsl环境

目录

1、插件安装

2、代码补全配置

3、环境测试

---

1、插件安装

点击扩展安装图中三个插件

2、代码补全配置

 GLSL lint 插件不附带着色器文件验证器，因此必须自己下载并在 VSCode 中设置路径。

1、点击链接：Releases · KhronosGroup/glslang · GitHub

2、下载对应系统的安装文件，我的为windows系统所以下载了红圈的文件。

3、解压到喜欢的位置

4、打开bin目录复制glslangValidator.exe的路径全名。

5、打开GLSL Lint插件中的扩展设置将路径全名复制到红圈位置

6、点击 文件->首选项->用户片段,搜索glsl.json

7、打开链接GLSL snippets for visual studio code/kode studio · GitHub

复制图中代码到glsl.json中

也可以从此链接下载改好的glsl.json下载-其它文档类资源-CSDN文库（0积分下载）

8、代码补全测试

3、环境测试

1、新建test.frag文件输入下面代码

#ifdef GL_ES
precision mediump float;
#endif

void main(){
    gl_FragColor=vec4(1, 0, 0, 1);
}

2、ctrl+shift+p搜索Show glslCanvas

 3、点击运行