萨斯支持崇高文本2?
有没有一个现有的软件包可以在Sublime Text 2中编辑Sass ?
这似乎是stream行的: https : //github.com/n00ge/sublime-text-haml-sass
但是,安装后,它似乎只提供scss
文件的语法高亮显示。
理想情况下,我希望语法高亮,缩进和sass
语法的完成。
我build议你去这个: https : //github.com/nathos/sass-textmate-bundle ,如果只是为了惊人的代码完成 – 兼容SASS / SCSS。
每当怀疑软件包,并假设你使用了令人惊叹的Sublime 软件包控件 ,只需使用软件包列表 , 键入内容 (结果将按安装次数sorting),通常最stream行的是最好的。
它只是为你的scss文件工作的原因是因为rubyHAML突出显示设置覆盖你的sass突出显示。
转到Preferences
> Browse Packages...
在Rails
文件夹中查找并打开Ruby Haml.tmLanguage
从以下位置更改文件types:
<?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高亮包应该正常工作。
我最近做了一个博客文章: 如何将SASS支持添加到崇高的文本 。
这里有一个简要的总结:
- 要获得语法突出显示,请安装sass-textmate-bundle插件 ,在Package Control中简单地称为
Sass
。 你会发现sass
文件在默认情况下不会被正确地突出显示,但是在后面,我详细地介绍了一个不涉及任何Sublime的默认插件的两秒修复。 - 安装SASS Build插件以从Sublime构build
sass
和scss
文件。 - 添加SublimeOnSaveBuild插件 ,每当您保存对文件的更改时, 插件都会自动运行构build。
查看博客文章的全部细节。
关于这篇文章 :
- 安装sass-textmate-bundle插件
- 打开一些sass文件
- 点击查看 | 语法 | 打开所有与当前的扩展为… | 萨斯
如果包冲突导致麻烦(如Haml问题),并且需要编辑/重写一个包,比如从Ruby HAML
文件中删除<string>sass</string>
部分,那么我会强烈build议使用包资源查看器和编辑器)插件。
- 安装
PackageResourceViewer
- 使用调色板来做
PackageResourceViewer: Open Resource
: - select
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
自动将覆盖的部分自动保存到正确的位置。 -
完成。
现在去调整所有的烦恼你的其他软件包中的所有设置/默认设置。
我碰到了https://github.com/n00ge/sublime-text-haml-sass的问题,因为额外的;.css
扩展名不能识别Rails默认的.css.sass
文件。 我同意Maxime,以上使用https://github.com/seaofclouds/sass-textmate-bundle是一个更好的select,通过包控制安装是理想的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>