Back to Software

Device Tree Editor

Understand complex Device Tree source trees without manually following every include.

Device Tree Editor is a Visual Studio Code extension for inspecting Linux Device Tree source trees. It builds a merged preview from a root DTS or DTSI file, tracks where the rendered content originated, and makes large include hierarchies easier to follow.

Features

Build a merged Device Tree preview from the active .dts or .dtsi file.

Resolve both #include and /include/ directives.

Display a clickable include hierarchy.

Track which source file contributed each part of the merged tree.

Open included files directly from the preview.

Highlight the currently active source file.

Merge repeated root blocks and child nodes.

Apply label-reference overlays such as &uart0 { … };.

Preserve and identify deleted nodes and properties from /delete-node/ and /delete-property/.

Keep unresolved includes visible without adding warning comments to the rendered Device Tree.

Provide syntax highlighting and search within the preview.

How it works

  1. Open a .dts or .dtsi file in Visual Studio Code.
  2. Run Device Tree Editor: Preview DTS from the Command Palette.
  3. Explore the merged preview, include hierarchy, source indicators, and clickable files.

The preview represents the merged source tree rather than simply displaying the currently open file.

Why it exists

Device Tree sources for embedded Linux platforms are often split across many DTS and DTSI files. Board definitions, SoC descriptions, pin configuration, overlays, and product-specific changes may all be layered through includes and label references. Following that structure manually can make debugging slow and error-prone. Device Tree Editor brings those sources together while retaining enough source information to show where the final content came from.

External link

Device Tree Editor is available from an external destination:Install from Visual Studio Marketplace.