https://github.com/polymeilex/vscode-wgsl

VsCode Syntax highlight for WGSL files
https://github.com/polymeilex/vscode-wgsl

vscode-extension webgpu wgpu

Last synced: 2 days ago
JSON representation

VsCode Syntax highlight for WGSL files

• Host: GitHub
• URL: https://github.com/polymeilex/vscode-wgsl
• Owner: PolyMeilex
• License: mit
• Created: 2020-04-23T15:57:58.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-02-10T01:56:14.000Z (about 1 year ago)
• Last Synced: 2025-04-23T04:35:02.865Z (11 days ago)
• Topics: vscode-extension, webgpu, wgpu
• Language: TypeScript
• Size: 426 KB
• Stars: 85
• Watchers: 2
• Forks: 8
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# WGSL Syntax Highlight For Visual Studio Code

![img](https://i.imgur.com/7Z2Rt7s.png)

# Install 

- [vscode marketplace](https://marketplace.visualstudio.com/items?itemName=PolyMeilex.wgsl)

- [open vsx registry](https://open-vsx.org/extension/PolyMeilex/wgsl)

# For rust users:

I also created [cargo-wgsl](https://github.com/PolyMeilex/cargo-wgsl) crate that validates your shaders.

Just run `cargo install cargo-wgsl` to install it.

The extension will detect it in the path, and start a validation server for you.

## Autocompletion (only for globals for now)

![img](https://i.imgur.com/wYB29iP.png)

## Real time validation using cargo-wgsl

![gif](https://i.imgur.com/l8d4XPT.gif)

## Cargo-wgsl can also be used as cli:

![img](https://i.imgur.com/mWmNZYS.png)