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＆gt; 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突出显示包应该正常工作。

Answer 3

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

以下是一个快速摘要：

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

查看SublimeOnSaveBuild plugin了解完整详情。

Answer 4

关于this article：

安装sass-textmate-bundle插件
打开一些sass文件
点击查看 | 语法 | 以当前扩展程序打开全部为... |的萨斯

Answer 5

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

安装PackageResourceViewer
使用调色板执行PackageResourceViewer: Open Resource：

http://img33.imageshack.us/img33/9186/ozek.png
选择Rails然后Ruby Haml.tmLanguage：

screen-2014-02-25_10.37.09.png http://img208.imageshack.us/img208/116/slnn.png
注释违规行：

screen-2014-02-25_10.39.12.png http://img163.imageshack.us/img163/7060/axa8.png
保存文件（这是一个很棒的部分，因为PackageResourceViewer会自动将被覆盖的部分自动保存到正确的位置。
完成。

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

Answer 6

由于额外的.css.sass扩展，我遇到了https://github.com/n00ge/sublime-text-haml-sass无法识别Rails默认.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>

Sass对Sublime Text 2的支持？

6 个答案: