0 语法高亮
在扩展tab中搜索Shader languages support for VS Code
1 语法检查
我们还得安装个能判断语法是否错误的扩展插件，还是在extension tab中搜索glsl-linter进行安装：
该插件需配合glslangValidator才能使用
之后去https://github.com/KhronosGroup/glslang/releases下载glslang
Mac及Windows分别下载对应的Release版即可
解压后把内部的lib，include以及bin里的文件拖动系统任意待安装目录下
完成后点击文件 > 首选项 > 设置并打开内部扩展选项卡，找到glsl
将刚刚安装的glslangValidator可执行文件目录复制到Validator Path
此时重启vscode，可见报错提示生效：
2 代码提示
报错提示生效后，我们需要配置下代码提示，文件 > 首选项 > 用户片段，出来搜索框后，搜索glsl，并点击glsl.json：
点击该链接https://gist.github.com/lewislepton
复制该内容贴至glsl.json文件中，保存回到shader文件后，发现已经有了提示操作：
3 格式化代码
glsl的代码格式化插件我们可以通过在VScode中搜索得到，搜索方法如下图所示：
我们点击安装其中第二个插件
该插件依赖于clang-format软件，我们需要在本地安装clang-format软件包（远程编译安装到远程机，本教程以本地Windows平台为例）
clang-format包含于LLVM中，我们在LLVM官网下载LLVM发行版软件包。
下载并按下图所示安装，安装时注意勾选环境变量
最后，在vscode settings.json文件中进行插件参数配置，在此使用clang-format.exe的绝对路径
{
"clang-format.executable": "/absolute/path/to/clang-format"
}
配置完成后，在shader编辑界面即可格式化glsl代码，效果如下：
bingo! 现在我们可以愉快地编写shader代码了
「如果这篇文章对你有用,请随意打赏」
Heisenberg Blog
如果这篇文章对你有用,请随意打赏
使用微信扫描二维码完成支付
comments powered by Disqus