Ver Mensaje Individual
  #9 (permalink)  
Antiguo 24/12/2011, 15:27
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 15 años, 6 meses
Puntos: 269
Respuesta: stylus y less

Una solución que encontré fué descartar zen-coding y aprovechar la posibilidad que nos da el editor de crear snipetts.

Debemos ir a "preferences > browser packages > Ruby Sass"
En esta carpeta encontraremos este archivo: "Ruby Sass.tmLanguage" (y tal vez este "Ruby Sass.tmLanguage.cache")
Lo que debemos hacer aquí es agregar un snipett por cada propiedad.

Por ejemplo:
creo el archivo "background.sublime-snippet" y dentro coloco el código:
Código XML:
Ver original
  1. <snippet>
  2.     <content><![CDATA[background:#fff url('')0 0 no-repeat${1:}$0]]></content>
  3.     <tabTrigger>bg+</tabTrigger>
  4.     <scope>source.sass</scope>
  5.     <description>background:#fff url('patch/img.xxx')0 0 no-repeat</description>
  6. </snippet>
  • Lo que está dentro de <tabTrigger> es la abreviatura.
  • Lo que está dentro de <description> es la descripción que nos aparecerá cuando presionemos ctrl+backspace
  • Lo que está dentro de <content >es lo que se expandirá
  • Lo que está dentro de <scope > indica a que lenguaje pertenece el snippet.

Un tip, copiar los snippets de la carpeta CSS y pegarlos dentro de la carpeta "Ruby Sass" modificando solo <scope>source.css</scope> por <scope>source.sass</scope>

De este modo tendremos autocompletado y coloreado para archivos .sass bajo sublimeText2, espero les sea útil. Aunque, si bien esto constituye una buena alternativa, lo más rápido sería integrar zen-coding. Le agradezco el aporte a quien lo haya hecho.

Saludos