Archivo de la etiqueta: sublime text 3

Colores en la barra de Sublime Text

En algunos editores, como en PHPStorm cuando especificas un color css este color aparece en la barra lateral y esto, sirve de mucha ayuda a la hora de hacer una visualización rápida de los estilos y ver que colores estamos usando. Gracias a Gutter Color podemos tener también esta ayuda en Sublime Text 3.

https://sublime.wbond.net/packages/Gutter%20Color

 

Anuncio publicitario

Personalizando Sublime Text 3

Siguiendo lo que me indicaban unas cuantas paginas web he creado un gist con la configuración que tengo ahora mismo en mi Sublime Text 3.

Decir que primero de todo tenemos que instalar el Package Control, el cual lo hacemos siguiendo esta guía, (no es igual el del 3 que el del 2)

https://sublime.wbond.net/installation

Como fuente estoy usando Inconsolata, la cual puede ser descargada desde aquí http://levien.com/type/myfonts/inconsolata.html

Como tema y esquema de colores ahora mismo tengo el SpaceGray, pero el Soda también esta muy bien.

Os dejo aqui mi configuración


{
"auto_complete": true,
"auto_complete_commit_on_tab": true,
"auto_complete_with_fields": true,
"bold_folder_labels": true,
"caret_style": "phase",
"color_scheme": "Packages/User/base16-ocean.light (SL).tmTheme",
"detect_indentation": true,
"fade_fold_buttons": false,
"folder_exclude_patterns":
[
".svn",
".git",
".hg",
"CVS",
"tmp",
".bundle",
".sass-cache"
],
"font_face": "Inconsolata",
"font_size": 14,
"highlight_line": true,
"highlight_modified_tabs": true,
"ignored_packages":
[
"Vintage"
],
"line_padding_bottom": 1,
"line_padding_top": 1,
"rulers":
[
80
],
"soda_folder_icons": true,
"tab_size": 4,
"theme": "Spacegray Light.sublime-theme",
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"word_wrap": true,
"wrap_width": 120
}

Sublime Text
Tema SpaceGray con esquema base16-ocean.light

Mas información:

https://gist.github.com/davatron5000/7215566

http://webdesign.tutsplus.com/articles/simple-visual-enhancements-for-better-coding-in-sublime-text–webdesign-18052