Menggunakan Sass's @error, @warn, dan @debug arahan

alat penyahpepijatan sass: , @error dan @warn perintah @debug

SASS menyediakan tiga arahan untuk membantu pemaju kod debug:

, @error dan @warn. Mereka digunakan untuk debug apa -apa nilai di mana -mana titik dalam logik kod yang memerlukan bantuan dan mengetahui tingkah laku kod tersebut. @debug

• Arahan: @error Arahan ini akan menghentikan pengkompil SASS dan hantar rentetan teks ke output pengkompil sebagai ralat maut. Ia bagus untuk mengesahkan parameter dalam mixin atau fungsi dan membiarkan pemaju tahu apa yang mereka lakukan salah atau memasuki nilai yang tidak serasi.

• Arahan: @warn Arahan ini kurang berbahaya daripada . Ia menghantar mesej kepada pengkompil untuk pemaju untuk membaca, tetapi membolehkan pengkompil melakukan tugasnya dan menulis kepada semua CSS. Ia berfungsi untuk pemberitahuan penolakan, atau mencadangkan bahawa pemaju mengikuti amalan terbaik tertentu. @error

• Arahan: @debug Ini adalah yang paling tidak invasif dari tiga arahan maklum balas. Ia mencetak nilai -nilai mana -mana ekspresi SASS (pembolehubah, ungkapan matematik, dan lain -lain) yang terkandung pada konsol untuk pemaju untuk melihat. Ia sesuai untuk usaha penyahpepijatan peribadi.

Mekanisme maklum balas yang sama sangat biasa dalam bahasa pengaturcaraan lain, seperti

atau console.log() dalam javascript, alert() atau var_dump() dalam php, print_r() dalam ruby, dan sebagainya. Fungsi -fungsi ini membolehkan anda debug apa -apa nilai dan mengetahui tingkah laku kod di mana -mana titik dalam logik yang memerlukan bantuan. debug inspect

Tatabahasa dan Penggunaan Asas

Tiga arahan mengikuti sintaks yang sama:

Malah, ketiga -tiga arahan ini boleh menerima apa -apa jenis nilai, tidak semestinya rentetan. Ini bermakna anda boleh memberi amaran, membuang atau debug peta, senarai, nombor, rentetan - pada dasarnya apa sahaja yang anda mahukan. Walau bagaimanapun, kerana kita sering menggunakan arahan ini untuk memberikan konteks mengenai masalah ini, kita biasanya lulus rentetan yang menggambarkan keadaan.

@directive "要输出的文本字符串";

Jika anda perlu memasukkan nilai pembolehubah ke dalam rentetan, anda boleh menggunakan sintaks interpolasi SASS standard

, dan nilai pembolehubah akan dicetak dalam rentetan:

#{$variable}

@error "抱歉，`#{$variable}` 不是 $variable 的有效值。";

Nota: Backticks (`) sekitar interpolasi tidak diperlukan. Anda mungkin mahu memasukkannya kerana mereka menyediakan pemaju dengan titik permulaan/titik akhir yang jelas untuk kandungan berubah -ubah.

Jika pemaju membuat kesilapan apabila menggunakan kod SASS anda, arahan ini akan menghantar mesej yang ditentukan kepada pengkompil, yang akan memaparkan mesej kepada pemaju. Sebagai contoh, aplikasi GUI (seperti CodeKit) akan memaparkan pemberitahuan sistem dengan kesilapan. Sesetengah pakej pemberitahuan dan pemberitahuan boleh melakukan ini juga.

Jika pemaju menyusun menggunakan baris arahan (Sass, Compass, Grunt, atau Gulp), mesej itu mungkin muncul di konsol mereka (terminal, iterm2, dempul, dll.). Jika anda menulis SASS Online menggunakan Sassmeister atau Codepen, anda hanya akan mendapat maklum balas terhad, tetapi anda boleh mendapatkan pemberitahuan atau teks inline dalam tetingkap Output dalam editor.

@error Arahan: Berhenti menyusun segera

Arahan

@error menghentikan pengkompil SASS sepenuhnya dan menghantar rentetan teks ke output pengkompil sebagai ralat maut. Gunakan Arahan ini apabila anda perlu menghantar mesej yang menghentikan pemaju dengan segera dan memaksa mereka untuk membetulkan ralat dengan segera. Ini bagus untuk membiarkan pemaju tahu apa yang mereka lakukan salah atau memasuki nilai yang sama sekali tidak serasi. SASS akan mengandungi sebarang nombor baris ralat maut, termasuk @error output. Arahan @error sangat bagus untuk mengesahkan parameter dalam campuran atau fungsi.

NOTA: Jika pengkompil anda lebih awal daripada SASS 3.4 atau Libsass 3.1, @error tidak tersedia. Anda boleh menggunakan fungsi ini log() untuk mensimulasikan @error dalam versi lama SASS.

@warn Arahan: Mengeluarkan amaran, tetapi jangan berhenti menyusun

@warn Arahan kurang berbahaya daripada @error. Ia menghantar mesej kepada pengkompil untuk pemaju untuk membaca, tetapi membolehkan pengkompil melakukan tugasnya dan menulis kepada semua CSS. @error sesuai untuk membetulkan kesilapan yang sepenuhnya memecahkan fungsi atau campuran, sementara @warn lebih sesuai untuk membatalkan pemberitahuan, atau mengesyorkan pemaju untuk mengikuti amalan terbaik tertentu.

NOTA: Pemaju SASS yang disusun dengan bendera --quiet tidak akan melihat output @warn. Jika pemaju benar -benar perlu melihat maklum balas yang dihantar oleh sass anda, bergantung pada @error. @warn jarang ditutup, tetapi ini mungkin.

@debug perintah: output debug ke konsol

Sass ' Arahan adalah yang paling kurang invasif dari tiga arahan maklum balas. Ia mencetak nilai -nilai mana -mana ekspresi SASS (pembolehubah, ungkapan matematik, dan lain -lain) yang terkandung pada konsol untuk pemaju untuk melihat. Ia tidak sepenuhnya berguna dalam sumber terbuka atau perpustakaan pasukan. Sebaliknya, @debug sangat sesuai untuk debugging peribadi. Jika anda berada dalam operasi matematik yang kompleks dan perlu tahu apa yang dibentuknya sekarang, gunakan @debug untuk mencarinya. @debug

Ringkasan

Pengaturcaraan tanpa maklum balas akan sangat buruk. Nasib baik, SASS mempunyai pelbagai arahan untuk menghantar maklum balas kepada pengkompil untuk membantu pemaju mengelakkan kesilapan, mengekalkan standard, dan menyelesaikan masalah logik lanjutan. Anda boleh menggunakan

, @error dan @warn untuk memberikan maklum balas menjimatkan masa kepada diri sendiri dan orang lain menggunakan kod anda. @debug

(bahagian Soalan Lazim ditinggalkan kerana terlalu lama dan tidak sepadan dengan matlamat asal pseudo. Bahagian FAQ boleh ditulis semula seperti yang diperlukan dan diintegrasikan ke dalam teks untuk hadir dengan cara yang lebih semula jadi. )

Atas ialah kandungan terperinci Menggunakan Sass's @error, @warn, dan @debug arahan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!