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时,只需使用包列表,输入一些内容(结果将按安装次数排序),通常最受欢迎的是最好的.

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

我最近做了一篇关于此的博客文章:如何将SASS支持添加到Sublime Text.

这是一个快速摘要:

• 要获得语法高亮,请安装sass-textmate-bundle插件,只需Sass在Package Control中调用.你会发现,sass文件将无法正确默认突出,但在后我详细两秒修复不涉及黑客攻击的任何崇高的默认插件.
• 安装SASS Build插件以从Sublime 启用构建sass和scss文件.
• 添加SublimeOnSaveBuild插件,每当您保存对文件的更改时,它都会自动运行构建.

查看博客文章了解完整详情.

Answer 4

关于这篇文章:

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