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

Question

在Sublime Text 2 中是否有用于编辑Sass 的现有包？

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

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

理想情况下，我想要sass 语法的语法高亮、缩进和补全。

Answer 1

我建议你使用这个：https://github.com/nathos/sass-textmate-bundle，如果只是为了惊人的代码完成 - 与 SASS/SCSS 兼容。

如果对软件包有疑问，并且假设您使用了令人惊叹的 Sublime Package Control，则只需使用 packages list、type something（结果将按安装次数排序），通常最受欢迎的是最好的。

Answer 2

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

转到Preferences > Browse Packages...

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

更改文件类型：

<?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 高亮包应该可以正常工作了。

Answer 3

我最近写了一篇关于此的博文：How to Add SASS Support to Sublime Text。

这里有一个简短的总结：

• 要获得语法高亮，请安装 sass-textmate-bundle plugin，在 Package Control 中简称为 Sass。你会发现sass 文件在默认情况下不会正确突出显示，但在帖子中我详细介绍了一个两秒钟的修复，它不涉及破解任何 Sublime 的默认插件。
• 安装 SASS Build plugin 以启用从 Sublime 构建 sass 和 scss 文件。
• 添加SublimeOnSaveBuild plugin，它会在您保存对文件的更改时自动运行构建。

查看blog post了解完整详情。

Answer 4

关于this article：

1. 安装 sass-textmate-bundle 插件
2. 打开一些 sass 文件
3. 点击查看 | 语法 | 使用当前扩展名打开所有... | 萨斯

Answer 5

如果包冲突导致问题（例如 Haml 问题）并且您需要编辑/覆盖包，例如从 Ruby HAML 文件中删除 <string>sass</string> 部分，那么我会强烈推荐 Package Resource Viewer (and editor) 插件。

1. 安装PackageResourceViewer
2. 使用调色板做PackageResourceViewer: Open Resource：
   
   
   
   
3. 选择Rails，然后选择Ruby Haml.tmLanguage：
   
   
4. 注释掉有问题的行：
   
   
   
   

5. 保存文件（这是很棒的部分，因为PackageResourceViewer 会自动将被覆盖的部分自动保存到正确的位置。

6. 完成。

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

Answer 6

我遇到了https://github.com/n00ge/sublime-text-haml-sass 无法识别Rails 默认.css.sass 文件的问题，因为额外的.css 扩展名。我同意上面的 Maxime 的观点，即使用 https://github.com/seaofclouds/sass-textmate-bundle 是一个更好的选择，并且通过包控制安装是理想的 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>