Sublime Text 3 with Sass Support



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

有人知道给我这些功能的插件吗?

我希望能够指定编译后的css应该放在哪里,我的自定义sass文件在哪里,引导程序在哪里。:)

感谢

有很多工具允许您从SASS文件(包括Bootstrap SASS)构建CSS资产。

来自Sublime文本:

你可以使用我见过和使用过的更好的语法之一:SASS 的语法突出显示

我假设您知道如何在Sublime中安装软件包(如果不知道,请按照此处的说明进行操作:https://sublime.wbond.net/installation)

推荐:

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

希望能有所帮助!

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

你也可以查看这个快速简单的教程来开始并正确安装所有东西:D Compass真的很容易配置和使用!

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

希望能有所帮助!

我结合了SublimeOnSaveBuild和"Sass Build"软件包。这将在保存时自动进行构建(假设您的计算机上有SASS)。然而,别无选择。它只是将css文件构建到与scss文件相同的目录中(并且使用相同的文件名)。

最新更新