Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>HOCON Syntax Highlighting (Typesafe Config)New to Visual Studio Code? Get it now.
HOCON Syntax Highlighting (Typesafe Config)

HOCON Syntax Highlighting (Typesafe Config)

Matthew Orford

|
543 installs
| (0) | Free
| Sponsor
Syntax highlighting for HOCON (Typesafe Config) files used in Scala, Akka, and Spark projects.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

HOCON Tools for Visual Studio Code

This extension provides syntax highlighting support for HOCON (Human-Optimized Config Object Notation) files in Visual Studio Code. HOCON is a JSON superset used for configuration files that is designed to be more human-friendly, allowing for more flexible syntax, comments, and includes.

Features

  • Syntax Highlighting: Provides robust syntax highlighting for HOCON files, including:

    • Keys and values, with support for both quoted and unquoted keys.
    • Comments using // or #.
    • Arrays and objects, including flexible comma rules.
    • Support for HOCON-specific features like include statements.
    • Highlighting for valid and invalid syntax patterns.
  • Preview as JSON: Convert the current HOCON file to resolved JSON and view it in a side-by-side editor. Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P) and run HOCON: Preview as JSON.

  • Go to Definition: Navigate to key definitions from substitution references. Place your cursor on a substitution like ${app.defaults.timeout} and use Go to Definition (F12 / Ctrl+Click) to jump to where the key is declared. Supports top-level keys, dot-separated paths, and nested object keys.

  • Hover Information: Hover over substitutions to see contextual information:

    • HOCON key references (e.g., ${app.defaults.timeout}) display the resolved key path and its defined value.
    • Environment variable references (e.g., ${HOME}) display the variable name and its current value.

Installation

You can install this extension directly from the Visual Studio Code Marketplace:

  1. Open Visual Studio Code.
  2. Go to the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of the window.
  3. Search for "HOCON Syntax Highlighting".
  4. Click Install to add the extension to your editor.

Alternatively, you can download the extension from the Visual Studio Code Marketplace or Open VSX Registry.

Usage

Once the extension is installed, it will automatically recognize files with the .conf extension as HOCON files and apply syntax highlighting. You can also manually select "HOCON" as the language mode for any open file by clicking on the language mode indicator in the bottom-right corner of the editor.

Supported Features

✔ syntax highlighting ✔ include statements ✔ variable substitutions ✔ triple-quoted strings ✔ arrays and objects ✔ unquoted keys ✔ environment variable substitutions ✔ preview as JSON ✔ go to definition for substitutions ✔ hover info for HOCON keys and environment variables

Example

Here’s a sample HOCON file to see the syntax highlighting in action:

// This is a HOCON file

include "other.conf"

root {
    key1 = "value1"
    key2 {
        subkey1 = 123
        subkey2 = true
    }
    array = [
        1,
        2,
        3
    ]
}

Limitations

  • Advanced features like code completion, validation, and formatting are not yet implemented.

Contributing

Contributions are welcome! If you encounter any issues or have suggestions for improvements, please feel free to open an issue or submit a pull request on the GitHub repository.

License

This extension is licensed under the MIT License. See the LICENSE file for more details.

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