VSCode默认不识别.glsl/.frag/.vert文件语法，因未绑定后缀到GLSL语言模式且无法自动推断script标签或字符串中的着色器内容，导致无高亮、无括号匹配、无法跳转定义。
为什么VSCode默认不识别.glsl或.frag/.vert文件的语法？
Three.js项目里常把着色器写在String里、template literal中，或单独存为.glsl.frag.vert文件——但VSCode默认没绑定这些后缀到GLSL语言模式，也不会自动推断document.createElement('script')里type="x-shader/x-fragment"的内容是GLSL。结果就是没有关键字高亮、无括号匹配、无法跳转定义。
安装GLSL语言支持扩展并手动触发语言模式
VSCode官方市场里最稳定的是GLSL扩展（作者：cadenas），不是vscode-glsl-lint或Shader languages support这类带LSP或校验功能的——它们容易和Three.js的ShaderMaterial热更新冲突，且对#include路径解析不一致。
- 在扩展面板搜
GLSL，安装「GLSL」（图标是蓝色立方体，ID：cadenas.vscode-glsllint，注意它名字带linter但核心功能是语法高亮） - 打开一个
.frag文件，右下角状态栏会显示「Plain Text」，点击它 → 选择「Configure File Association for '.frag'」→ 输入glsl→ 回车确认 - 同理为
.vert.glsl重复该操作；如果用.wgsl（WebGPU），则关联到wgsl而非glsl
在JavaScript/TypeScript中内联GLSL字符串时如何触发高亮
Three.js常见写法是用反引号拼接着色器源码，比如vertexShader: `void main() { ... }`，这时VSCode不会自动识别。必须显式标注语言类型：
- 在模板字符串前加
// language=glsl注释（注意等号前后无空格），例如：const vertexShader = `// language=glsl varying vec2 vUv; void main() { vUv = uv; gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0); }`; - 不支持
/* @lang glsl */或/** @lang glsl */——VSCode只认// language=xxx这种单行注释格式 - 若用
require('./shader.vert')加载，确保.vert已关联glsl语言模式，否则导入内容仍为纯文本
避免着色器编辑时出现“Unexpected token”报错提示
装完GLSL扩展后，有时编辑器会在#define或#include行标红，提示「Unexpected token #」——这不是语法错误，而是扩展默认启用glslangValidator校验，但它不兼容Three.js常用的预处理器指令（尤其是#include <common>这类相对路径包含）。
- 在VSCode设置中搜索
glsl.validate，把GLSL > Validate: Enabled设为false - 保留
GLSL > Syntax Highlighting: Enabled为true（这是高亮开关） - 如需实时检查语法，改用Three.js控制台的
console.error输出着色器编译日志，比静态校验更贴近实际运行环境
真正麻烦的不是配高亮，而是当ShaderMaterial里混用uniforms和attributes时，VSCode的GLSL扩展没法跨JS/GLSL边界做类型推导——比如uniforms.time.value在着色器里叫uTime，这种映射得靠人盯住命名一致性，工具帮不上忙。
