【问题标题】:Why should front-end developers learn SASS where it won't be browser supported?为什么前端开发人员要在浏览器不支持的地方学习 SASS?
【发布时间】:2017-12-06 18:19:45
【问题描述】:

bootstrap 4 选择了与浏览器不兼容的 SASS。只是为了使用 bootstrap,开发人员会学习 SASS 吗? 图片将解释为什么浏览器不支持 sass

【问题讨论】:

    标签: twitter-bootstrap sass frontend twitter-bootstrap-4


    【解决方案1】:

    SASS 是一个预处理器,它将生成干净、高效的 css 文件。不管是不是在浏览器上运行,都需要渲染前端页面。 SASS 就像编写 css 文件一样简单。

    【讨论】:

    • 那么我需要编写 sass 来减少/快速编码,然后它应该转换为通常的 css,对吧?
    • 而且您可以获得更多 CSS 中没有的功能。特别是例如变量。您只需要编写 SASS 或 LESS 代码,您可以要求后端开发人员使用 SASS 或 LESS 进行编译。它比编写 CSS 和维护它更容易。尝试一下 SASS 或 LESS,您会感到惊讶。
    • 谢谢,我会尽快尝试.. 但我需要更清楚.. 我应该在哪里写 sass ?我可以从哪里将其转换为 css ?我应该使用任何提供这种设施的在线网站吗?因为现在,代码编辑器不支持 sass,在编写需要前缀、颜色或更多的 css 时,编辑器可以帮助开发人员很多
    • Babul 观看整个视频youtube.com/watch?v=GTBaQ2DcGUk
    【解决方案2】:

    浏览器不理解sass/scss/less,只能理解css。 Sass/scss 只是一个 CSS 预处理器,它有助于减少 CSS 的重复节省时间

    SASS/SCSS 更加稳定和强大,因为它是 CSS 的扩展。设计人员和开发人员可以轻松更高效、更快速地工作。它有助于您在编程结构中编写干净、简单且更少的 CSS。

    但如果您使用的是 sass/scss,则需要预编译它,这将生成一些 css 代码,然后将这些 css 用于您的项目中。

    您可以使用一些软件,如“koala”、“liveroad”等来编译您的 scss 文件以生成新的 css 文件。这个软件很好用,我比较喜欢考拉。

    【讨论】:

      【解决方案3】:

      SASS 是一个 CSS 预处理器,这意味着您编写的 SASS 可以编译为 CSS。 SASS 比 CSS 更容易编写和维护,这使得开发更快、更容易。

      SASS 基本上是 CSS 的模板,你不需要 SASS 文件来运行现场站点,它纯粹是为了开发。

      【讨论】:

      • 我应该在哪里写 sass ?我可以从哪里将其转换为 css ?我应该使用任何提供这种设施的在线网站吗?因为现在,代码编辑器不支持 sass,在编写需要前缀、颜色或更多的 css 时,编辑器可以帮助开发人员很多
      • 大多数现代 IDE 都支持 SASS 和 LESS(例如 Visual Studio Code)。作为前端开发人员,您不必编译它。你可以让你的后端程序员编译它。有很多编译器,只需要输入一行命令。如果你想自己编译,那就这样。
      • 我将它用于视觉工作室:marketplace.visualstudio.com/…
      猜你喜欢
      • 2023-02-03
      • 2019-02-12
      • 2014-01-17
      • 1970-01-01
      • 2010-12-09
      • 1970-01-01
      • 2010-12-29
      • 1970-01-01
      • 2013-05-24
      相关资源
      最近更新 更多