VsCode安装shader glsl环境

wenxi

1、在扩展tab中搜索Shader languages support for VS Code

2、安装后搜索glsl-canvas，并安装


安装完毕后，新建glsl文件，会有代码提示和代码高亮的功能


打开片元着色器代码文件，通过ctrl + Shift + P弹出命令面板，然后输入glsl找到“show glslCanvas”命令，点击运行，可预览代码运行效果


3、安装代码检测插件glsl-linter 或 glsl-lint, 以下说明以glsl-linter插件为例。


之后去https://github.com/KhronosGroup/glslang/releases下载glslang

下载成功后将zip包解压到vscode安装目录内部



然后打开vscode的settings.json文件，添加如下配置

1. "glsl-linter.validatorPath": "D:\\Microsoft VS Code\\glslang\\bin\\glslangValidator",
   
2. "glsl-linter.fileExtensions": {
   
3.     "frag.glsl": "frag",
   
4.     "vert.glsl": "vert"
   
5. },

复制代码

此处扩展项只配置的顶点着色器和片元着色器，其他着色器可自行配置。根据配置可见：顶点着色器文件名必须以frag.glsl结尾，片元着色器代码文件名必须以vert.glsl结尾。

至此，代码检测环境配置完毕，效果如下



引用：
https://zhuanlan.zhihu.com/p/151384233
https://github.com/Jacajack/vscode-glsl-linter/issues/4

wenxi