plugin - ¿Soporte de Sass para Sublime Text 2?

sass highlighting sublime text 3

Question

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

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

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

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

Answer 1

Hice una publicación en el blog recientemente sobre esto: Cómo agregar soporte SASS a Sublime Text .

Aquí hay un resumen rápido:

• Para obtener el resaltado de sintaxis, instale el https://github.com/nathos/sass-textmate-bundle , llamado simplemente Sass en Package Control. Descubrirá que los archivos sass no estarán resaltados correctamente de forma predeterminada, pero en la publicación detallo una solución de dos segundos que no implica el pirateo de ninguno de los complementos predeterminados de Sublime.
• Instale el complemento SASS Build para habilitar la creación de archivos sass y scss desde Sublime.
• Agregue el complemento SublimeOnSaveBuild , que ejecuta automáticamente una compilación cada vez que guarda cambios en un archivo.

Echa un vistazo a la publicación del blog para más detalles.

Answer 2

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

Ir a Preferences > Browse Packages...

Busca y abre Ruby Haml.tmLanguage dentro de la carpeta Rails

cambie los tipos de archivo 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 paquete de resaltado SASS que instaló debería funcionar correctamente.

Answer 3

Me encontré con el problema de que https://github.com/n00ge/sublime-text-haml-sass no reconoce los archivos .css.sass predeterminados de Rails debido a la extensión .css.sass adicional. 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 . Añada <string>css.sass</string> al bloque <array> .

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

Answer 4

Si un conflicto de paquete está causando problemas (como el problema de Haml) y necesita editar / anular un paquete como eliminar la parte <string>sass</string> del archivo Ruby HAML , le recomiendo encarecidamente el Visor de recursos de paquete ( y editor) plugin.

1. Instalar PackageResourceViewer
2. Use la paleta para hacer PackageResourceViewer: Open Resource :
   
   http://img33.imageshack.us/img33/9186/ozek.png
   
   
3. Seleccione Rails luego Ruby Haml.tmLanguage :
   
   screen-2014-02-25_10.37.09.png http://img208.imageshack.us/img208/116/slnn.png
4. Comenta la línea ofensiva:
   
   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 PackageResourceViewer guarda automáticamente solo la parte reemplazada automáticamente en el lugar correcto.

6. Hecho.

Ahora ve y modifica todos los pequeños ajustes / valores predeterminados en los otros paquetes que te han molestado.

Answer 5

Te recomiendo que vayas 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.

Siempre que tenga dudas sobre los paquetes, y suponiendo que utilice el asombroso Control de paquetes Sublime, simplemente use la lista de paquetes , escriba algo (el resultado se ordenará según el número de instalaciones) y, por lo general, el más popular es el mejor.

Answer 6

con respecto a este artículo :

1. instalar el complemento sass-textmate-bundle
2. abrir un archivo sass
3. haga clic en Ver | Sintaxis | Abre todo con la extensión actual como ... | Hablar con descaro a