Pretty XML

What is it?

Features
1. Prettify XML (XML Formatting)
2. Pretty XML: Minimize

Keyboard Shortcuts

Settings

Requirements

Installation

Known Issues

Change Log

For more information

What is it?

Pretty XML is a XML formatter extension for Visual Studio Code and VSCodium. It formats XML documents just like Visual Studio on Windows.

Supported file extensions:

• xml
• xaml
• axml
• xsd
• xsl
• plist
• mobileconfig
• config
• csproj
• svg
• resx and all other XML type of files.

There is also Visual Studio for Mac version of this extension. Check it out at PrettyXML.VSMac

Suggestions, improvement PRs are welcome.

Features

1. Prettify XML (XML Formatting)

Right Click and Select Prettify XML or use shortcut

• Position each attribute on a separate line.
• First attribute on same line as start element start tag.
• All attributes indented aligning with first attribute.
• If no child for an element then close inline end tag.
• No empty lines.
• Supports ' and whitespace unicodes in attribute value for XAML parser compatibility.

Before

After

2. Pretty XML: Minimize

Minimizes XML.

Keyboard Shortcuts

Note

You can change these in Preferences → Keyboard Shortcuts if you want.

Settings

These will be for Prettify XML command.

Attributes In Newline Threshold

Example:

Value = 2

Input#1

<Element Attribute1="Value1" Attribute2="Value2" />

Output#1

<Element Attribute1="Value1" Attribute2="Value2" />

Input#2

<Element Attribute1="Value1" Attribute2="Value2" Attribute3="Value3" />

Output#2

<Element Attribute1="Value1"
         Attribute2="Value2"
         Attribute3="Value3"/>

Wild Carded Exceptions For Position All Attributes On First Line

List of element names to ignore Position All Attributes On First Line setting. Include element names or patterns here.

Example:

 "prettyxml.settings.wildCardedExceptionsForPositionAllAttributesOnFirstLine": ["Content*"]

Input

<View>
    <Content X="X"
             Y="Y" Z="Z">
        <Label text="{i18>LabelText}" />
        <Input id="Input1" 
               value="{service>description}" />
    </Content>
</View>

Ouput

<View>
    <Content X="X"
             Y="Y"
             Z="Z">
        <Label text="{i18>LabelText}" />
        <Input id="Input1" value="{service>description}" />
    </Content>
</View>

Add Empty Line Between Elements

If enabled, and child elements count is greater than 2 then adds empty line between elements.

[!NOTE]
Please note it wont add empty element before first element and after last element.

Input 1

<Root>
<Element1>Text1</Element1>
<Element2>Text2</Element2>
<Element3>Text3</Element3>
</Root>

Output 1

<Root>
    <Element1>Text1</Element1>

    <Element2>Text2</Element2>

    <Element3>Text3</Element3>
</Root>

Requirements

• DotNet 8 or later installed on your machine and should be accessible through terminal.
• Install Muhammad-Sammy C# or Microsoft C# extension.
• Visual Studio Code/VSCodium 1.59 or higher.

Installation

Visual Studio Code - Visual Studio MarketPlace

For VSCodium - open-vsx.org

Known Issues

• Limited DTD support.
• Formats valid XML files only. Syntax errors are displayed.

Issues can be reported at issues section

For more information

• Source Code
• If you want to support this project,