Soporte de Sass para Sublime Text 2?

Question

¿Existe un paquete existente para editar Sass en Sublime Text 2?

Esto parece ser muy popular: https://github.com/n00ge/sublime-text-haml-sass

Sin embargo, después de la instalación, parece que sólo proporciona resaltado de sintaxis para scss archivos.

Idealmente, me gustaría destacar la sintaxis, sangría y terminaciones para la sintaxis sass.

Answer 1

Recomiendo que vaya con este: https://github.com/nathos/sass-textmate-bundle, aunque solo sea por la increíble finalización del código - compatible con SASS/SCSS.

En caso de duda acerca de los paquetes, y suponiendo que se utiliza el increíble sublime Package Control, sólo tiene que utilizar el packages list, type something (el resultado se ordenan por el número de instalaciones), y por lo general el más popular es la mejor.

Answer 2

La razón por la que solo funciona para sus archivos scss es porque la configuración de resaltado de Ruby HAML anula su resaltado sass.

Goto Preferences>Browse Packages...

encontrar y abrir Ruby Haml.tmLanguage dentro de la carpeta cambio Rails

los fileTypes de:

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

a:

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

Ahora el SASS destacando El paquete que instaló debería funcionar correctamente.

Answer 3

Me encontré con el problema de https://github.com/n00ge/sublime-text-haml-sass sin reconocer los archivos predeterminados de Rails .css.sass debido a la extensión adicional .css. Estoy de acuerdo con Maxime que utilizar https://github.com/seaofclouds/sass-textmate-bundle es una mejor opción y que la instalación a través del control del paquete es ideal http://wbond.net/sublime_packages/package_control. La forma de corregir la extensión .css.sass que no se reconoce es editar el paquete Sass directamente. Vaya a Sublime Text 2 > Preferences > Browse Packages y edite el archivo Sass\Syntaxes\Sass.tmLanguage. Agregue <string>css.sass</string> al bloque <array>.

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

Answer 4

lo hice un post recientemente acerca de esto: How to Add SASS Support to Sublime Text.

Aquí está un breve resumen:

• Para obtener el resaltado de sintaxis, instale el sass-textmate-bundle plugin, llamado simplemente Sass de control de paquetes. Descubrirá que los archivos sass no estarán resaltados correctamente de forma predeterminada, pero en la publicación detallo una corrección de dos segundos que no implica el pirateo de ninguno de los complementos predeterminados de Sublime.
• Instale SASS Build plugin para habilitar la construcción de los archivos sass y scss de Sublime.
• Agregue SublimeOnSaveBuild plugin, que ejecuta automáticamente una compilación cada vez que guarda cambios en un archivo.

Consulte la blog post para obtener más información.

Answer 5

respecto a this article:

1. instalación Sass-textmate de haz de plug-in
2. abrir algún archivo Sass
3. clic Ver | Sintaxis | Abrir todo con la extensión actual como ... | Sass

Answer 6

Si un conflicto de paquetes está causando problemas (como el tema Haml) y que necesita para editar/reemplazar un paquete como la eliminación de la parte <string>sass</string> del archivo Ruby HAML, entonces yo recomiendo la Package Resource Viewer (and editor) enchufar.

1. Instalar PackageResourceViewer
2. utilizar la paleta de hacer PackageResourceViewer: Open Resource:
   
   http://img33.imageshack.us/img33/9186/ozek.png
   
   
3. Seleccionar Rails continuación Ruby Haml.tmLanguage:
   
   screen-2014-02-25_10.37.09.png http://img208.imageshack.us/img208/116/slnn.png
4. comentario la línea en cuestión:
   
   screen-2014-02-25_10.39.12.png http://img163.imageshack.us/img163/7060/axa8.png
   
   

5. Guarde el archivo (esta es la parte impresionante, porque el PackageResourceViewer guarda automáticamente solo la parte reemplazada automáticamente en el lugar correcto.

6. Listo.

Ahora vaya y ajuste todos los pequeños ajustes/valores predeterminados en los otros paquetes que le han molestado.