Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>glsl-literalNew to Visual Studio Code? Get it now.
glsl-literal

glsl-literal

boyswan

|
31,841 installs
| (5) | Free
Syntax highlighting for GLSL inside of JavaScript tagged template strings
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-glsl-literal

Adds GLSL syntax highlighting for JavaScript template literals.

Match on

glsl`` | glslify`` | frag`` | vert``

Example

const vert = glsl`
  attribute vec4 aVertexPosition;
  uniform mat4 uModelViewMatrix;
  uniform mat4 uProjectionMatrix;
  void main() {
    gl_Position = uProjectionMatrix * uModelViewMatrix * aVertexPosition;
  }
`;

Caveat

If you're not using glslify or another glsl processing library, you will need an identity function named as above to match the syntax.

const glsl = x => x;
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft