Obsługa Sass dla Sublime Text 2?

Question

Czy istnieje pakiet do edycji Sass w Sublime Text 2?

To wydaje się być popularne: https://github.com/n00ge/sublime-text-haml-sass

Jednak po instalacji, wydaje się, że stanowi tylko podświetlanie składni dla scss plików.

Idealnie chciałbym podświetlanie składni, wcięcie i uzupełnienia dla składni sass.

Answer 1

Zalecam, aby przejść z tym: https://github.com/nathos/sass-textmate-bundle, jeśli tylko dla niesamowitej realizacji kodu - zgodne z SASS/SCSS.

Ilekroć w wątpliwość na temat pakietów, a przy założeniu korzystania z niesamowitą Sublime Package Control, wystarczy użyć packages list, type something (wynik zostanie posortowana według liczby instalacjach) i zazwyczaj najbardziej popularne z nich jest najlepszy.

Answer 2

Powodem, dla którego działa on tylko dla twoich plików scss, jest fakt, że ustawienia podświetlania Ruby HAML zastępują podświetlanie sass.

Goto Preferences>Browse Packages...

znaleźć i otworzyć Ruby Haml.tmLanguage wewnątrz zmiany Rails folderu

filetypes od:

<?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> 
... 

do:

<?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> 
... 

Teraz SASS podkreślając zainstalowany pakiet powinien działać poprawnie.

Answer 3

Wpadłem w problem https://github.com/n00ge/sublime-text-haml-sass nie rozpoznając domyślnych plików Railsowych .css.sass z powodu dodatkowego rozszerzenia .css. Zgadzam się z Maxime powyżej, że użycie opcji https://github.com/seaofclouds/sass-textmate-bundle jest lepszym rozwiązaniem i że instalacja za pomocą kontroli pakietów jest idealna http://wbond.net/sublime_packages/package_control. Nie można rozpoznać rozszerzenia .css.sass, aby bezpośrednio edytować pakiet Sass. Przejdź do Sublime Text 2 > Preferences > Browse Packages i edytuj plik Sass\Syntaxes\Sass.tmLanguage. Dodaj <string>css.sass</string> do bloku <array>.

<key>fileTypes</key> 
<array> 
    <string>sass</string> 
    <string>css.sass</string> 
    <string>scss</string> 
</array> 

Answer 4

Zrobiłem blogu niedawno o tym: How to Add SASS Support to Sublime Text.

Oto krótkie podsumowanie:

• Aby uzyskać podświetlanie składni, zainstaluj sass-textmate-bundle plugin, zwany po prostu Sass w kontrolnym. Przekonasz się, że pliki sass nie będą prawidłowo zaznaczone, ale w poście opisuję dwusekundową poprawkę, która nie wymaga hakowania żadnej z domyślnych wtyczek Sublime.
• Zainstalować SASS Build plugin, aby umożliwić budowanie plików sass i scss z Sublime.
• Dodaj SublimeOnSaveBuild plugin, który automatycznie uruchamia kompilację za każdym razem, gdy zapisujesz zmiany w pliku.

Aby uzyskać szczegółowe informacje, zapoznaj się z blog post.

Answer 5

regarding this article:

1. zainstalować Sass-TextMate bundle-plugin
2. otworzyć jakiś plik Sass
3. kliknięcie View | Składnia | Otwórz wszystkie z bieżącym rozszerzeniem jako ... | Sass

Answer 6

Jeśli konflikt pakiet powoduje problemy (jak w kwestii haml) i trzeba edytować/zastąpić pakiet jak usunięcie <string>sass</string> część z pliku Ruby HAML, to bym zalecamy z Package Resource Viewer (and editor) podłącz.

1. Install PackageResourceViewer
2. pomocą palety zrobić PackageResourceViewer: Open Resource:
   
   http://img33.imageshack.us/img33/9186/ozek.png
   
   
3. Wybierz Rails następnie Ruby Haml.tmLanguage:
   
   screen-2014-02-25_10.37.09.png http://img208.imageshack.us/img208/116/slnn.png
4. Wykomentuj linię naruszające:
   
   screen-2014-02-25_10.39.12.png http://img163.imageshack.us/img163/7060/axa8.png
   
   

5. Zapisz plik (jest to niesamowita część, ponieważ PackageResourceViewer automatycznie automatycznie zapisuje zastąpioną część automatycznie w odpowiednim miejscu.

6. Gotowe.

Teraz idź i dostosuj wszystkie małe ustawienia/ustawienia domyślne w innych pakietach, które Cię irytują.