Js-beautify: Tambahkan atau pertahankan baris kosong di antara aturan CSS

Dibuat pada 20 Mei 2014  ·  16Komentar  ·  Sumber: beautify-web/js-beautify

Maafkan saya jika ini telah ditanyakan sebelumnya tetapi apakah ada cara untuk menjaga jarak antara aturan CSS saat memformat?

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

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

Ke:

.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

Komentar yang paling membantu

Ini akan sangat bagus. Saya berharap js-beautify mematuhi sass-lint lebih eksplisit, tetapi ini adalah satu-satunya fitur yang memberi saya banyak masalah.

Semua 16 komentar

+1

+1

+1

Ada opsi yang disebut "end_with_newline", saya pikir ini menambahkan baris baru di antara blok, tetapi itu hanya menempatkan baris kosong di akhir file :-/

Saya harap ini diperbaiki, saya suka mempercantik tetapi masalah ini (kedengarannya konyol) adalah pemecah masalah bagi saya.

Saya telah memperbaiki ini, setidaknya untuk dokumen CSS sederhana, dengan menambahkan baris baru setelah setiap }

pergi ke \Packages\HTML-CSS-JS Prettify\scripts\node_modules\js-beautify\js\lib\beautify-css.js
Temukan bagian kode ini:

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

dan ubah menjadi

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

@Atid-G, bagus sekali! Harap berikan permintaan tarik dengan tes (dan port python).

Saya pikir perbaikan dari @Atid-G tidak akan cukup. Dalam properti bersarang, kita tidak perlu menambahkan baris baru setelah kurung tutup. Saya tahu itu untuk less/scss, tapi saya pikir ini juga digunakan untuk mempercantik bahasa itu.

Contoh :

.rule-1 {
    display: block;

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

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

@drewhamlett , saya baru saja menggabungkan, tetapi saya tidak yakin itu sepenuhnya membahas apa yang Anda inginkan di sini. Bisakah Anda melihat-lihat?

Seperti yang dikatakan @bitwiseman , peningkatan ini tercakup di https://github.com/beautify-web/js-beautify/pull/574 pull request.
Silakan periksa dan tutup masalah ini.

Di tunggu versi selanjutnya..

Oke, saya akan menyebut ini bagus dan kita bisa buka kembali jika ternyata tidak demikian.

Seperti yang dikatakan @malexandre , apakah mungkin menambahkan baris baru di dalam properti bersarang? Semuanya tampak berkumpul di sass dan linter mengeluh tentang hal itu juga. Saya memiliki kueri media yang bersarang di banyak properti sehingga cukup sulit untuk dibaca.

@nevace , sepertinya Anda sedang membicarakan masalah yang berbeda. Silakan buka edisi baru dengan contoh input, output saat ini, dan output yang diinginkan. Harap sertakan pengaturan terkait.

apakah ini sudah diperbaiki?

@bitwiseman : Saya sendiri yang membuka tiket baru karena menurut saya ini sangat relevan #1258.

Ini akan sangat bagus. Saya berharap js-beautify mematuhi sass-lint lebih eksplisit, tetapi ini adalah satu-satunya fitur yang memberi saya banyak masalah.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat