Sublime Text 3，支持Sass

Question

由于Bootstrap从较少变为sass ......我现在必须使用sass。我在某种程度上找不到一个简单的解决方案，可以在为Sublime Text 3保存时进行自动完成和自动编译。

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

我希望能够指定编译的css应该去哪里，我的custom-sass文件在哪里以及bootstrap所在的位置。 ：）

由于

Answer 1

有很多工具允许您从SASS文件（包括Bootstrap-SASS）构建CSS资源。

来自Sublime Text：

你可以使用我见过和使用过的最好的一个：Syntax Highlighting for SASS

我假设您知道如何在Sublime中安装软件包（如果没有，请按照以下说明操作：https://sublime.wbond.net/installation）

<强>建议：

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

希望有所帮助！

Answer 2

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

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

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

希望有所帮助！

Answer 3

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