ホームページ > ウェブフロントエンド > CSSチュートリアル > SASSの@error、@warn、@debugディレクティブを使用します

SASSの@error、@warn、@debugディレクティブを使用します

William Shakespeare
リリース: 2025-02-23 08:37:09
オリジナル
915 人が閲覧しました

Using Sass’s @error, @warn, and @debug Directives

sassデバッグツール:@error@warn@debugコマンド

SASSは、開発者がコードをデバッグするのを支援するための3つの指示を提供します:

@error、および@warn。これらは、ヘルプが必要なコードロジックの任意のポイントで任意の値をデバッグし、コードの動作を見つけるために使用されます。 @debug

  • ディレクティブ:@errorこのディレクティブは、SASSコンパイラを完全に停止し、致命的なエラーとしてテキスト文字列をコンパイラの出力に送信します。ミックスインまたは機能のパラメーターを検証し、開発者に自分が何を間違えているのか、または完全に互換性のない値を入力できるようにするのに最適です。

  • 指令:@warnこのディレクティブは、よりも有害ではありません。開発者が読み取るためにメッセージをコンパイラに送信しますが、コンパイラが仕事をしてすべてのCSSに書き込むことができます。非推奨通知に役立つか、開発者が特定のベストプラクティスに従うことを示唆しています。 @error

  • ディレクティブ:@debugこれは、3つのフィードバック命令の中で最も侵襲的ではありません。開発者が表示できるコンソールに含まれるSASS式(変数、数学式など)の値を印刷します。個人的なデバッグの努力に最適です。

同様のフィードバックメカニズムは、javascriptの

>またはconsole.log()などの他のプログラミング言語では非常に一般的です。alert()またはvar_dump()、print_r()Rubyなど。これらの関数を使用すると、ヘルプが必要なロジックの任意のポイントで、任意の値をデバッグし、コードの動作を見つけることができます。 debug inspect

基本的な文法と使用法

3つの指示は、同じ構文に従います:

実際、これらの3つの指示は、必ずしも文字列ではなく、あらゆる種類の価値を受け入れることができます。これは、マップ、リスト、数字、文字列、基本的に必要なものを警告、投げ、またはデバッグできることを意味します。ただし、これらの指令を使用して問題に関するコンテキストを提供することが多いため、通常、状況を説明する文字列を渡します。
@directive "要输出的文本字符串";
ログイン後にコピー

変数の値を文字列に挿入する必要がある場合は、標準のSASS補間構文

を使用できます。変数の値は、文字列に印刷されます。

#{$variable}

注:補間に関するバックテック( `)は必要ありません。開発者に変数コンテンツの明らかな出発点/エンドポイントを提供するため、それらを含めることをお勧めします。
@error "抱歉,`#{$variable}` 不是 $variable 的有效值。";
ログイン後にコピー

SASSコードを使用するときに開発者が間違いを犯した場合、これらのディレクティブは指定されたメッセージをコンパイラに送信します。コンパイラは、開発者にメッセージを表示します。たとえば、GUIアプリケーション(CodeKitなど)は、エラーを備えたシステム通知を表示します。一部のgruntおよびgulp通知パッケージもこれを行うことができます。

コマンドライン(SASS、コンパス、グラント、またはガルプ)を使用して開発者がコンパイルする場合、メッセージはコンソール(ターミナル、ITERM2、パテなど)に表示される場合があります。 SassmeisterまたはCodepenを使用してSASSをオンラインで書くと、フィードバックが限られているだけですが、エディターの出力ウィンドウにインライン通知またはテキストを取得する場合があります。

@error命令:すぐにコンパイルを停止します

sass '@errorディレクティブは、sassコンパイラを完全に停止し、致命的なエラーとしてテキスト文字列をコンパイラの出力に送信します。この指令を使用して、開発者をすぐに停止し、すぐにエラーを修正するように強制するメッセージを送信する必要があります。これは、開発者に自分が間違っていることを知らせたり、完全に互換性のない値を入力できるようにするのに最適です。 SASSには、@error出力を含む致命的なエラーライン番号が含まれます。 @errorディレクティブは、ミックスインまたは関数のパラメーターを検証するのに最適です。

注:コンパイラがSASS 3.4またはlibsass 3.1よりも早い場合、@errorは利用できません。このlog()関数を使用して、SASSの古いバージョンで@errorをシミュレートできます。

@warn命令:警告を発行しますが、

のコンパイルを停止しないでください

@warn命令は@errorよりもはるかに有害ではありません。開発者が読み取るためにメッセージをコンパイラに送信しますが、コンパイラが仕事をしてすべてのCSSに書き込むことができます。 @errorは、関数またはミキシンを完全に破壊するエラーを修正するのに適していますが、@warnは通知を非難するため、または開発者が特定のベストプラクティスに従うことを推奨するのに適しています。

注:フラグにコンパイルされたSASS開発者には、--quiet出力が表示されません。開発者がSASSから送信されたフィードバックを絶対に確認する必要がある場合は、@warnに依存しています。 @errorはめったに閉じられていませんが、これは可能です。 @warn

コマンド:コン​​ソールへのデバッグ出力@debug

sass '

指令は、3つのフィードバック命令の中で最も侵襲的ではありません。開発者が表示できるコンソールに含まれるSASS式(変数、数学式など)の値を印刷します。オープンソースやチームライブラリでは完全に役立つわけではありません。それどころか、@debugは個人的なデバッグに最適です。複雑な数学操作に参加していて、変数に現在含まれているものを知る必要がある場合は、@debugを使用してそれを見つけます。 @debug

概要 フィードバックのないプログラミングは非常に悪いでしょう。幸いなことに、SASSにはコンパイラにフィードバックを送信して、開発者がエラーを回避し、標準を維持し、高度なロジックをトラブルシューティングするのに役立つ複数の指示があります。

@errorを使用して、自分やコードを使用している他の人に時間を節約するフィードバックを提供できます。 @warn @debug

(FAQの部分は長すぎて擬似オリジナルの目標と一致しないため省略されています。AFSパートは、必要に応じて書き直し、より自然な方法で提示するためにテキストに統合できます。 )

以上がSASSの@error、@warn、@debugディレクティブを使用しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート