带有 Sass 支持的 Sublime Text 3 [关闭]

Posted 2023-03-07

【中文标题】带有 Sass 支持的 Sublime Text 3 [关闭]

【英文标题】：Sublime Text 3 with Sass Support [closed]

【发布时间】：2016-07-29 17:30:39

【问题描述】：

由于 Bootstrap 从 less 变为 sass...我现在必须使用 sass。我不知何故找不到一个简单的解决方案来保存 Sublime Text 3 的自动完成和自动编译。

有没有人知道一个插件或什么给我这些功能的东西？

我希望能够指定编译后的 css 应该放在哪里，我的自定义 sass 文件在哪里以及 bootstrap 所在的位置。 :)

谢谢

【参考方案1】：

我和@Carlos Bensant 一起讨论在使用 Sass 时使用命令行的问题，他建议的所有任务运行器都是有趣的工具。但是，如果你不想处理一堆你可能不需要的额外配置，但想将 Sass 编译为 CSS 并拥有所有过程控制，我几乎不建议使用 Compass。在 config.rb 文件中，您可以设置 Sass、CSS、图像和 javascript 文件的位置、需要的扩展名、您喜欢的语法、输出样式等等。

您还可以查看此fast and easy tutorial 以了解入门并正确安装所有内容：D Compass 非常易于配置和使用！

您还有this Sublime Text 插件，除了命令行之外，它似乎像 Compass 一样工作，我个人从未使用过它，但我也将对其进行测试。

希望有帮助！

【参考方案2】：

有很多工具可让您从 SASS 文件（包括 Bootstrap-SASS）构建 CSS 资产。

来自崇高文本：

您可以使用我见过和使用过的更好的一种：Syntax Highlighting for SASS

我假设你知道如何在 Sublime 中安装软件包（如果不知道，请按照这里的说明操作：https://sublime.wbond.net/installation）

推荐：

在使用 SASS 时，我总是建议使用命令行来编译你的 SASS（使用像 Gulp、Grunt 或 Webpack 这样的 Task-Runner）。在我的日常工作流程中，我在处理 SASS 资产时使用 Gulp、Browsersync 和 Autoprefixer。

希望有帮助！

【参考方案3】：

我结合了 SublimeOnSaveBuild 和“Sass Build”包。这将在保存时自动（假设您的计算机上有 SASS）进行构建。但是，没有选项。它只是将 css 文件构建到与 scss 文件相同的目录（并具有相同的文件名）。

【讨论】：

您如何拥有 6k 的声誉，这足以了解问题的密切原因，并且没有意识到工具请求是题外话？如果问题离题，你应该投票关闭它（或者在这种情况下，标记以便版主可以删除赏金）。