Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>VSCode VDFNew to Visual Studio Code? Get it now.
VSCode VDF

VSCode VDF

pfwobcke

|
4,650 installs
| (3) | Free
VDF language support for VSCode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VSCode VDF Language Support

GitHub Actions Workflow Status Visual Studio Marketplace Installs Open VSX Downloads GitHub Repo stars GitHub License

VDF/Valve KeyValues language support for VSCode

Features

  • Syntax highlighting
  • File formatting
  • Autocompletion for key/values
  • Go To Definition/Find References for key/values
  • View/Edit VTF files
  • Convert VDF to JSON
  • Convert JSON to VDF

Features (HUD)

  • Definition Provider
    • All Clientscheme properties
    • labelText
    • pin_to_sibling
    • image
  • Codelens for Clientscheme references
  • Autocompletion for element properties:
    • ImagePanel => image, scaleImage, etc...
    • CExLabel => labelText, font, textAlignment, fgcolor, etc...
  • Autocompletion for property values
    • textAlignment => center, north, east, south, west
    • font => Will suggest from clientscheme
    • labelText => Will suggest from chat_english.txt and tf_english.txt
  • Autocompletion for #base paths
  • Autocompletion for image paths
  • Autocompletion for pin_to_sibling elements
  • Rename HUD elements

Features (HUD Animations)

  • Autocompletion for keywords, HUD elements (from associated files), common properties, clientscheme values, interpolators
  • Warning for duplicate/unused events
  • Codelens for event references
  • Go To Definition/Find References for events
  • Rename events
  • Syntax highlighting for HUD Animations

Features (Popfile)

  • Definition Provider
    • Templates
  • Autocompletion for Attributes, BehaviorModifiers, Class, Skill, Objective, etc...
  • Autocompletion for property values:
    • Template => Will suggest from Templates
    • ClassIcon => Will suggest files
  • Colour picker for "set item tint rgb"
  • Link to ClassIcon
  • Import #base templates into Popfile
  • Rename Templates (file wide)

Features (VMT)

  • Autocompletion for common key/values
  • Autocompletion for property values:
    • $baseTexture => Will suggest texture files
  • Colour picker for $color (Supports int and float colours)
  • Link to $baseTexture, $detail

Credits

  • Revan - Code
  • randomguy - Popfile knowledge
  • Windolon - Testing
  • Sergeant Table - Testing

Github: https://github.com/cooolbros/vscode-vdf

Docs: https://cooolbros.github.io/vscode-vdf

VS Marketplace: https://marketplace.visualstudio.com/items?itemName=pfwobcke.vscode-vdf

Open VSX Registry: https://open-vsx.org/extension/pfwobcke/vscode-vdf

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft