Sass对Sublime Text 2的支持？[关闭]

69

是否存在用于在Sublime Text 2中编辑Sass的软件包？

这似乎很流行：https : //github.com/n00ge/sublime-text-haml-sass

但是，安装后，似乎只为scss文件提供语法高亮显示。

理想情况下，我希望语法高亮显示，缩进和完成sass语法。

sass sublimetext

— 用户名
source

70

我建议您使用以下代码：https : //github.com/nathos/sass-textmate-bundle，如果仅用于惊人的代码完成-与SASS / SCSS兼容。

每当对软件包有疑问时，并假设您使用了令人惊叹的Sublime Package Control，只需使用软件包列表，输入一些内容（结果将按安装次数排序），通常最受欢迎的是最好的一种。

— 马克西姆·法布尔
source

所以...您如何编译sass文件？没有构建命令，我尝试从n00ge存储库中提取“相关”文件，但显然没有安装“ sass”吗？

— drzaus 2012年

1

请注意，所有Sublime的Sass插件都是帮助缓解已经工作的Sass环境的助手。他们不会编译您的文件，也不会消除安装Sass本身的需要。

— Maxime Fabre

为了回答我的评论问题，我最终在.NET中包装了一个用于Windows的独立SASS编译器（请参阅github）

— drzaus 2012年

6

@drzaus-如果您使用的是Mac，我强烈建议高度推荐CodeKit来预编译Sass / SCSS文件。

— Matt van Andel 2012年

3

@drzaus如果您或其他任何人仍然感兴趣，那么Prepros非常类似于Windows的CodeKit。+它是完全免费的！

— Fallup

46

它仅适用于您的scss文件的原因是因为Ruby HAML高亮显示设置会覆盖您的sass高亮显示。

转到Preferences>Browse Packages...

查找并Ruby Haml.tmLanguage在Rails文件夹内打开

从以下更改文件类型：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>fileTypes</key>
    <array>
        <string>haml</string>
        <string>sass</string> <!-- This line is causing the problem -->
    </array>
    <key>foldingStartMarker</key>
    <string>^\s*([-%#\:\.\w\=].*)\s$</string>
    <key>foldingStopMarker</key>
    <string>^\s*$</string>
...

至：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    <key>fileTypes</key>
    <array>
        <string>haml</string>
    </array>
    <key>foldingStartMarker</key>
    <string>^\s*([-%#\:\.\w\=].*)\s$</string>
    <key>foldingStopMarker</key>
    <string>^\s*$</string>
...

现在，您安装的SASS高亮包应该可以正常工作。

— 亚历山大·埃克达尔
source

1

github.com/elia/ruby-haml.tmbundle似乎可以解决此问题并具有其他改进。

— 2013年

7

这是不必要的。只需打开一个.sass文件，并使用菜单选项“视图>语法>使用当前扩展名将所有文件都打开为...> Sass”，如下面的@bleberi的答案所述。

— Neverender

1

@Neverender对此一无所知。谢谢，更好的解决方案。我也相信我的答案已经过时了，因为它已经在Sublime的更高版本中得到了修复。

— Alexander Ekdahl

21

我最近在此发表了一篇博客文章：如何向Sublime Text添加SASS支持。

快速摘要：

要突出显示语法，请安装sass-textmate-bundle插件，该插件Sass在Package Control中简单调用。您会发现sass默认情况下不会正确突出显示文件，但是在本文中，我详细介绍了两秒钟的修复程序，该修复程序不涉及破解Sublime的任何默认插件。
安装SASS Build插件以启用Sublime的构建sass和scss文件。
添加SublimeOnSaveBuild插件，每当您将更改保存到文件时，该插件都会自动运行构建。

查看博客文章以获取完整详细信息。

— 乔什·伯尔
source

这篇文章很棒。我有没有马上成立。

— Moob 2014年

18

关于本文：

安装sass-textmate-bundle插件
打开一些sass文件
单击查看| 语法| 以当前扩展名打开所有… | | 萨斯

— Blackbiron
source

很有帮助。除此之外，该插件的名称只是“ SCSS”，但在说明中却写了TextMake SCSS Official Bundle。我为Mac安装插件的快捷键是Command + Shift + P，然后在“安装”中搜索“程序包控制：安装程序包”。

— 迈克尔·尚

3

如果程序包冲突引起麻烦（例如Haml问题），并且您需要编辑/覆盖程序包，例如<string>sass</string>从Ruby HAML文件中删除部件，那么我强烈建议使用程序包资源查看器（和编辑器）插件。

安装 PackageResourceViewer
使用调色板来做PackageResourceViewer: Open Resource：
Rails然后选择Ruby Haml.tmLanguage：
注释掉违规行：
保存文件（这是很棒的部分，因为会PackageResourceViewer自动将覆盖的部分自动保存到正确的位置。
做完了

现在去调整其他烦人的软件包中的所有小设置/默认设置。

— 电脑
source

2

由于附加扩展名，我遇到了https://github.com/n00ge/sublime-text-haml-sass无法识别Rails默认.css.sass文件的问题.css。我同意上面的Maxime的观点，即使用https://github.com/seaofclouds/sass-textmate-bundle是更好的选择，并且通过package控件进行安装是理想的http://wbond.net/sublime_packages/package_control。解决无法识别.css.sass扩展名的方法是直接编辑Sass软件包。转到Sublime Text 2 > Preferences > Browse Packages并编辑Sass\Syntaxes\Sass.tmLanguage文件。添加<string>css.sass</string>到<array>块。

<key>fileTypes</key>
<array>
  <string>sass</string>
  <string>css.sass</string>
  <string>scss</string>
</array>