Js-beautify: Leerzeilen zwischen CSS-Regeln hinzufügen oder beibehalten

Erstellt am 20. Mai 2014  ·  16Kommentare  ·  Quelle: beautify-web/js-beautify

Verzeihen Sie, wenn dies schon einmal gefragt wurde, aber gibt es eine Möglichkeit, den Abstand zwischen den CSS-Regeln beim Formatieren einzuhalten?

.login {
    margin-top: 30px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.7);
}

.login.btn {
    border-radius: 0;
    background-color: #5C6166;
    border-color: #4a4a4a;
}

Zu:

.login {
    margin-top: 30px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.7);
}
.login.btn {
    border-radius: 0;
    background-color: #5C6166;
    border-color: #4a4a4a;
}
css enhancement

Hilfreichster Kommentar

Das wäre so toll. Ich wünschte, js-beautify würde sass-lint expliziter gehorchen, aber dies ist das einzige Feature, das mir eine Menge Probleme bereitet.

Alle 16 Kommentare

+1

+1

+1

Es gibt eine Option namens "end_with_newline", ich dachte, das fügt eine neue Zeile zwischen Blöcken hinzu, fügt aber nur eine leere Zeile am Ende der Datei ein :-/

Ich hoffe, das wird behoben, ich liebe es, zu verschönern, aber dieses Problem (so albern das auch klingen mag) ist ein Deal-Breaker für mich.

Ich habe dies zumindest für einfache CSS-Dokumente behoben, indem ich nach jedem } eine neue Zeile hinzugefügt habe.

gehe zu \Packages\HTML-CSS-JS Prettify\scripts\node_modules\js-beautify\js\lib\beautify-css.js
Finden Sie diesen Codeabschnitt:

print["}"] = function (ch) {
            print.newLine();
            output.push(ch);
            print.newLine();
        };

und ändere es in

print["}"] = function (ch) {
            print.newLine();
            output.push(ch);
            print.newLine();
            output.push('\n');
        };

@Atid-G, das ist großartig! Bitte stellen Sie eine Pull-Anfrage mit Tests (und Python-Port) bereit.

Ich denke, der Fix von @Atid-G wird nicht ausreichen. In einer verschachtelten Eigenschaft müssen wir nach der schließenden Klammer keine neue Zeile hinzufügen. Ich weiß, das ist für weniger / scss, aber ich denke, dies wird auch verwendet, um diese Sprachen zu verschönern.

Beispiel :

.rule-1 {
    display: block;

    .rule-2 {
        float: left;
    } // New line needed after this bracket

    .rule-3 {
        display: none;
    } // No new line needed
}

@drewhamlett , ich habe gerade eine Zusammenführung vorgenommen, bin mir aber nicht sicher, ob dies vollständig dem entspricht, was Sie hier wollten. Könntest du mal nachschauen?

Wie @bitwiseman sagt, wird diese Verbesserung unter https://github.com/beautify-web/js-beautify/pull/574 Pull Request behandelt.
Bitte überprüfen Sie es und schließen Sie dieses Problem.

Warte auf die nächste Version..

Okay, ich nenne das gut und wir können wieder öffnen, wenn sich herausstellt, dass es nicht so ist.

Wie @malexandre sagte, wäre es möglich, neue Zeilen innerhalb verschachtelter Eigenschaften hinzuzufügen? Alles sieht zusammengekauert aus und der Linter beschwert sich auch darüber. Ich habe Medienabfragen, die in vielen Eigenschaften verschachtelt sind, daher ist es ziemlich schwer zu lesen.

@nevace , es hört sich so an, als würdest du von einem anderen Problem sprechen. Bitte öffnen Sie eine neue Ausgabe mit Beispiel für Eingabe, aktuelle Ausgabe und gewünschte Ausgabe. Bitte geben Sie alle relevanten Einstellungen an.

wurde das behoben?

@bitwiseman : Ich habe das neue Ticket selbst geöffnet, da ich es für sehr relevant halte #1258.

Das wäre so toll. Ich wünschte, js-beautify würde sass-lint expliziter gehorchen, aber dies ist das einzige Feature, das mir eine Menge Probleme bereitet.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen