Ir al contenido

Este post se publicó hace más de dos años, es posible que la información publicada esté obsoleta o las referencias no existan.

Recopilación de recursos y links de Sublime Text

Ya son unos cuantos años empleando Sublime Text, recopilo aquí algunos de los archivos de configuración, plugins y enlaces que uso ahora mismo.

Themes

Snippets

Mediaquerie snippet

<snippet>
    <content><![CDATA[
@media(min-width: $1 ){
    $2
}
]]></content>
    <tabTrigger>media</tabTrigger>
</snippet>

Test css snippet

<snippet>
    <content><![CDATA[
background: tomato !important;
border: 1px solid tomato !important;
]]></content>
    <tabTrigger>test</tabTrigger>
</snippet>

jQuery document ready snippet

<snippet>
    <content><![CDATA[
\$(document).ready(function(){
    \$( '#button' ).click(function() {
        \$(this).toggleClass("show");
    });     
});
]]></content>
    <tabTrigger>documentready</tabTrigger>
</snippet>

Plugins

Configuración para proyectos

Entre otras cosas, podemos excluir carpetas y archivos en un proyecto.

{
	"folders":
	[
		{
			"path": "../",
			"folder_exclude_patterns": [ "_site" ],
			"file_exclude_patterns": [ "package-lock.json" ]
		}
	]
}

Consejos

Una de las características que más me gusta de sublime text, es la posibilidad de dar un aspecto diferente a cada tipo de archivo (md, css, php …).

Por ejemplo podemos añadir "rulers": [8] a Sass.sublime-settings o a LESS.sublime-settings para marcar una regla vertical, si tenemos ajustado "tab_size": 4, podemos visualizar fácilmente cuando superamos los tres anidamientos.

Para eliminar un Plugin usanmos Comando + Mayúsculas + P y seleccionamos Package Control: Remmove Package

El atajo F5 nos permite ordenar el código alfabéticamente, útil si ordenas tus css alfabéticamente.

Videos sobre Sublime Text