"El diseño es el embajador silencioso de tu marca"
- Paul Brand

Configurar Sublime3

Hace tiempo escribía un post acerca de cómo Instalar el famoso editor Sublime Text 3, pero como todos los editores, para sacarle el máximo partido debemos aprender a configurarlo correctamente a nuestro gusto.

Opciones personalizadas

Para hacer esto en Sublime debemos ir a la siguiente ruta Preferences > Settings-User.

Esta ruta abre un fichero JSON que sobrescribe las opciones que trae por defecto el editor y que podemos ver en Preferences > Settings-Default.

Por supuesto, aunque tengamos acceso a ambos ficheros, el que debemos modificar es el Settings-User que la primera vez que lo abramos estará vacío, os copio el contenido del mío…

{
                "bold_folder_labels": true,
                "caret_style": "smooth",
                "color_scheme": "Packages/User/SublimeLinter/Blackboard (SL).tmTheme",
                "ensure_newline_at_eof_on_save": true,
                "fade_fold_buttons": false,
                "font_face": "Monaco",
                "font_size": 11,
                "highlight_line": true,
                "highlight_modified_tabs": true,
                "ignored_packages":
                [
                    "Vintage"
                ],
                "line_padding_bottom": 0.5,
                "line_padding_top": 0.5,
                "overlay_scroll_bars": "enabled",
                "rulers":
                [
                    80,
                    120
                ],
                "save_on_focus_lost": true,
                "show_full_path": true,
                "tab_size": 4,
                "trim_trailing_white_space_on_save": true,
                "word_wrap": true
}

Con estas líneas veréis que el comportamiento del editor cambia por completo, y pasa a tener funciones que antes no tenía, hay muchas otras configuraciones que podéis probar, yo para que os orientéis un poco voy a explicar algunas de las líneas de este código que os he puesto…

«bold_folder_labels»: true
Muestra en negrita los directorios en la barra lateral (sidebar), lo que facilita distinguirlos del resto de los archivos que están escritos de forma normal…

«fade_fold_buttons»: false
Con esto el editor muestra siempre las flechas para comprimir el código.

«save_on_focus_lost»: true
Guarda de forma automática el archivo cuando el navegador pierde el foco, por ejemplo si editas algo y lo quieres ver en el navegador no es necesario guardarlo porque al abrir el navegador el sublime perdió el foco y ya lo guardó automáticamente.

«highlight_line»: true
Resalta automáticamente la línea seleccionada

«highlight_modified_tabs»: true
Esta propiedad remarca de una manera visual más llamativa que la que viene por defecto las pestañas en las que el has modificado algo del archivo pero todavía no lo has guardado.

«font_face»: «Monaco» y «font_size»: 11
Son el tipo de Fuente y el tamaño de esta

«tab_size»: 4
Es el número de espacios en blanco que equivalen a un tabulador.

«trim_trailing_white_space_on_save»: true
Elimina los espacios que se encuentran al final de una línea, estos no sirven para nada y ocupan lo mismo que cualquier otro caracter, de manera que al borrarlos el archivo es más ligero.

«word_wrap»: true
Elimina el scroll horizontal, si la línea es más grande que el ancho del editor la transforma en varias…

 

Mapear teclas

Por último otra opción muy útil para configurar correctamente nuestro Sublime es la de asociar acciones a teclas, y te preguntarás para que puede servirte eso, pues para todo lo que se te ocurra pero concretamente una que todos necesitamos es la de comentar el código automáticamente y descomentarlo, si no usas comentarios en el código lo estás haciendo mal…

¿Como asociamos a una tecla esto? Vete a Preferences > Key Bindings – User y escribe…

[
{ "keys": ["ctrl+7"], "command": "toggle_comment", "args": { "block": false } },
{ "keys": ["ctrl+shift+7"], "command": "toggle_comment", "args": { "block": true } }
]

Con esto cada vez que pulses CTRL+7 o CRTL+SHIFT+7 la línea se comentará si no lo estaba, y se descomentará si ya era un comentario.

Hasta aquí el tutorial para configurar tu Sublime, en futuros posts enseñare como activar el control de paquetes y explicare algunos plugins que me están resultando muy útiles.

The following two tabs change content below.
Especialista en diseño web responsive, programador html5, css3, jquery, php y java.

Latest posts by Óscar Lijó (see all)