ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

【Sass/SCSS 官方英文文档翻译整理】SCSS 完整自学中文版教程02_SCSS的调试

2021-09-17 22:04:50  阅读:141  来源: 互联网

标签:SCSS 02 Sass text align error debug 控制台


Sass 调试

目录

如果对本文有任何问题,建议,或者在前端技术体系方面有任何问题,可以添加我的微信: drylint , 我会尽可能为你解答,也会拉你进入前端技术进阶交流群,大家一起进步~

Sass 提供了一些调试语句,有:

  • @error
  • @warn
  • @debug

@error

当编写带有参数的 mixin 或函数时,通常希望接收到正确的参数,如果调用时没有传递正确的参数,应该通知用户并且停止运行。

Sass 通过 @error <expression> 。它会在控制台输出表达式返回的值(通常是一个字符串),一旦打印出错误,Sass 就停止编译,并抛出错误信息。

@mixin text-align ($align) {
  @if ($align != left or $align != center) {
    @error "调用 text-align 只能传递 left 或 center 值";
  }

  text-align: $align;
}

.div {
  // 传递一个不被允许的参数,会在控制台抛出错误信息
  @include text-align(right);
}

@warn

用法与 @error 相同,但与 @error 不同的是,它不会导致 Sass 停止编译,只是在控制台抛出警告信息。

@debug

通过 @debug <expression> 可以很方便地在控制台打印出表达式返回的值。

@debug "1 + 1 = #{1 + 1}"; // 1 + 1 = 2

标签:SCSS,02,Sass,text,align,error,debug,控制台
来源: https://www.cnblogs.com/drylint/p/15306448.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有