WebGPU 工具分享 - WGSL 代码高亮插件（VSCode）与预处理工具

---

WGSL 还在积极讨论中，虽然各位大佬不是很满意这个新生儿。

不过，社区已经有了基础的实验性工具（VSCode 插件），并支持了较新的语法。

① WGSL 插件

这个插件支持对文件扩展名为 .wgsl 的源代码文件进行高亮显示。

② WGSL Literal 插件

这个插件允许你在 JavaScript / TypeScript 的模板字符串中进行 wgsl 代码高亮，需要加上模板字符串前置块注释：

const code = /* wgsl */`
  struct FragmentInput {
    @location(0) Color: vec3<f32>;
  };

  @stage(fragment)
  fn main(input: FragmentInput) -> @location(0) vec4<f32> {
    return vec4<f32>(input.Color, 1.0);