[PYTHON] Jinja2 Quellcode Formatierung mit Atom-Verschönerung

Bei der Entwicklung mit Atom werden durch die Verwendung eines Quellcode-Formatierungspakets mit dem Namen atom-beautify auf nette Weise Einrückungen und Zeilenumbrüche hinzugefügt. Es unterstützt eine Vielzahl von Sprachen und ist eine hervorragende Sprache, mit der Sie detaillierte Einstellungen wie Einrückungsbreite und Stilspezifikation für jede Sprache vornehmen können.

In letzter Zeit schreibe ich oft HTML im Jinja2-Format, um Django bequem schreiben zu können, aber die Standard-HTML-Formatierungsregel von Atom-Beautify (JS Beautify) unterstützt kein {{}} usw. Ich war unzufrieden damit, dass ich es nicht gut formen konnte.

Zuerst gab ich es auf zu denken, dass es keine Formatierungsregel für Jinja2 gibt, aber anscheinend ist es besser, Pretty Diff im HTML-Beautifier auszuwählen. Ich fand es heraus und beschloss, es sofort zu versuchen. 
 Support (html) jinja2 templates · Issue #418 · Glavin001/atom-beautify

Atom-Verschönerungseinstellungen

Ändern Sie die Atom-Einstellungen-> Atom-Verschönerungseinstellungen des Pakets-> HTML-Standard-Beautifier-Einstellung von "JS Beautify" in "Pretty Diff".

Formatvergleich des Quellcodes

Bei Verwendung von JS Beautify (Standard)

{% extends "base.html" %} {% block title %}Titel{% endblock title %} {% block content %}
<form action="{% url 'project:hoge'%}" method="post">
    {% csrf_token %} {{ form.non_field_errors }}
    <div class="form-group">
        {{ form.hoge_name.errors }}
        <label for="{{ form.hoge_name.id_for_label }}">hoge_name</label> {{ form.hoge_name }}
    </div>
    <div class="form-group">
        <div>
            <button type="submit" class="btn btn-primary">erstellen</button>
        </div>
    </div>
</form>
{% endblock content %}

Bei Verwendung von Pretty Diff

{% extends "base.html" %}
{% block title %}Titel{% endblock title %}
{% block content %}
    <form action="{% url 'project:hoge'%}" method="post">
        {% csrf_token %}
        {{ form.non_field_errors }}
        <div class="form-group">
            {{ form.hoge_name.errors }}
            <label for="{{ form.hoge_name.id_for_label }}">hoge_name</label>
            {{ form.hoge_name }}
        </div>
        <div class="form-group">
            <div>
                <button type="submit" class="btn btn-primary">erstellen</button>
            </div>
        </div>
    </form>
{% endblock content %}

Es ist fertig! Es erkennt den Block richtig. Außerdem {% if%} {% else%} {% endif%} und Es unterstützt auch {% für%} {% endfor%}.

Jetzt verschmutzt das Layout die Commits von Git nicht mehr und der Stil ist einheitlich.