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

Question

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

这似乎很受欢迎：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...

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

从以下位置更改fileTypes：

<?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问题）并且您需要编辑/覆盖包，例如从<string>sass</string>文件中删除Ruby HAML部分，那么我强烈推荐使用Package Resource Viewer (and editor)插件。

1. 安装PackageResourceViewer
2. 使用调色板来做PackageResourceViewer: Open Resource： http://img33.imageshack.us/img33/9186/ozek.png
3. 选择Rails然后Ruby Haml.tmLanguage： screen-2014-02-25_10.37.09.png http://img208.imageshack.us/img208/116/slnn.png
4. 评论违规行： screen-2014-02-25_10.39.12.png http://img163.imageshack.us/img163/7060/axa8.png
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>