Mi setup de trabajo

El otro día Darío publicó en su blog un artículo sobre su configuración de trabajo. Nos invito a compartir nuestra configuración y como es algo que tenía pendiente desde hace un tiempo aquí va mi configuración.

Hardware

Mi equipo que me acompaña a todas partes es un MacBook Retina 2014 13” 2,6 GHz i5, 8GB 1600 MHz DDR3, 128GB SSD y Intel Iris 1536 MB. Junto al MacBook me acompaña un ruidoso teclado mecánico WASD. Me paso el día aporreando el teclado, picando código o escribiendo sobre tecnología así que me parece una herramienta fundamental. Y tanto en casa como en el trabajo tengo un monitor auxiliar de 23”, el de casa se puede girar lo cual me resulta bastante más cómodo para trabajar.

Mi amigo el ruidoso :) #mywasdkeyboard @wasdkeyboards

A photo posted by Jorge Aznar (@jorgeatgu) on Jan 20, 2016 at 2:19am PST

Desktop

Utilizo el tema oscuro en OSX. El dock y la barra siempre ocultos. Ninguna aplicación a pantalla completa, solamente utilizo la pantalla completa cuando uso split view con Sublime más cualquier navegador. Ahora he empezado a organizarme con los escritorios de OSX. El escritorio solamente con una carpeta llamada unnamed donde almaceno todo aquello que no tiene cabida en ningún otro lugar.

Software

• Adobe Illustrator: en su día probe Sketch pero no me terminaba de convencer sobre todo por la salida que le da a los SVG.

• Photoshop: es un monstruo, viejo, lento y lleno de cosas que no utilizo pero del cual no consigo desprenderme.

• Sip: un super colopicker para capturar colores de cualquier lugar y programa, imprescindible. Recomendación de flodar

• Ghostlab2: lo utilizo desde la primera version y me parece impresionante, ideal para testear los proyectos en cualquier dispositivo. Recomendación de Wakkos

• Wunderlist: para intentar poner un poco de orden a través de listas. Lo complemento con Notas y recordatorios de OSX.

• Slack: para comunicarme con el equipo.

• Gitter: para estar al día de postCSS, Gulp y a11y.

• MacDown: para escribir en formato Markdown aunque últimamente escribo en Markdown directamente en Sublime Text 3.

• Tweetbot: como cliente de twitter.

• Karabiner: para modificar el teclado.

• Überschift: para tener una barra adicional en OSX, la he modificado a mi gusto.

• Chrome como navegador principal, intente volver a Firefox pero no fui capaz. También cambie a Safari pero tampoco he sido capaz de abandonar Chrome. Para estar al día de las nuevas implementaciones uso Canary, Chromium, Webkit Nightly, Firefox Developer y Opera Developer.

Sublime Text

Un apartado especial para el mejor editor de código. Uso Sublime Text 3 dev para estar al día de las últimas releases(aunque a veces juegan malas pasadas).

El tema que utilizo es el Material Theme, y el color Scheme es un duotone modificado por mí. Me queda por instalar la barra tan chula que le vi a Dario en su post de configuración :)

Plugins

Uso muchísimos plugins, quizás demasiados.

• Alignment

• AlignTab

• All Autocomplete

• ApplySyntax

• Better Completion

• BracketGuard

• BracketHighlighter

• Color Highlighter

• CSS Format

• eCSStractor

• Emmet

• Emmet CSS Snippets

• FileDiffs

• HTML Boilerplate

• HTML-CSS-JS Prettify

• IndentTips

• JavaScript Completions

• JavaScript Snippets

• JsFormat

• Local History

• Markdown Preview

• Material Theme

• Modific

• PlainTasks

• SCSS

• SCSS Snippets

• SideBarEnhancements

• SublimeLinter

• SVG Snippets

• Syntax Highlightinf for postCSS

• Terminal

• Wakatime

Keybindings

Los atajos de teclado que me acompañan

[
	{ "keys": ["command+v"], "command": "paste_and_indent" },
	{ "keys": ["command+shift+v"], "command": "paste" },
	{ "keys": ["super+shift+a"], "command": "open_in_browser" },
	{ "keys": ["super+0"], "command": "reset_font_size_to_user_defaults" },
	{ "keys": ["super+u"], "command": "soft_undo" },
	{ "keys": ["super+f12"], "command": "reindent"},
	{ "keys": ["super+shift+o"], "command": "prompt_add_folder" },
	{ "keys": ["alt+super+p"], "command": "autoprefixer" },
	{ "keys": ["super+shift+e"], "command": "open_dir", "args": {"dir": "$file_path", "file": "$file_name"} },
	{ "keys": ["super+shift+u"], "command": "js_format", "context": [{"key": "selector", "operator": "equal", "operand": "source.javascript"}] },
	{"keys": [ "alt+up" ], "args": { "action": "increment_number_by_1" }, "command": "run_emmet_action", "context":
	[
	{ "key": "emmet_action_enabled.increment_number_by_1" },
	{ "key": "following_text", "operator": "regex_contains", "operand": "^-?\\d", "match_all": true }
	]
	},
	{
	"keys": ["alt+down"], "args": {"action": "decrement_number_by_1"}, "command": "run_emmet_action", "context":
	[
	{ "key": "emmet_action_enabled.decrement_number_by_1" },
	{ "key": "preceding_text", "operator": "regex_contains", "operand": "\\d$", "match_all": true }
	]
	}
]

Preferencias

Mis preferencias

{
	"Bold_folder_labels": true,
	"Show_full_path": true,
	"align_indent": true,
	"alignment_chars":
	[
		"="
	],
	"alignment_prefix_chars":
	[
		"+",
		"-",
		"&",
		"|",
		"<",
		">",
		"!",
		"~",
		"%",
		"/",
		"*",
		"."
	],
	"alignment_space_chars":
	[
		"="
	],
	"always_show_minimap_viewport": true,
	"auto_complete_selector": "source, text",
	"caret_extra_bottom": 3,
	"caret_extra_top": 3,
	"caret_extra_width": 2,
	"color_scheme": "Packages/User/duotones-sublime-colorschemes/duotone-dark.dark.tmTheme",
	"default_font_size": 14,
	"dictionary": "Packages/Language - Spanish/es_ES.dic",
	"font_face": "Fira Code",
	"font_size": 14,
	"highlight_line": true,
	"highlight_modified_tabs": true,
	"ignored_packages":
	[
		"Vintage"
	],
	"mid_line_tabs": false,
	"overlay_scroll_bars": "enabled",
	"save_on_focus_lost": true,
	"spell_check": true,
	"tabs_small": true,
	"theme": "Material-Theme-Darker.sublime-theme",
	"trim_trailing_white_space_on_save": true,
	"word_wrap": true
}

También tengo unos cuantos snippets creados para agilizar el tema de insertar imágenes, pens de CodePen en Jekyll.

Terminal

Y otro apartado especial para la otra herramienta que más uso a lo largo del día, el terminal. En concreto no uso el Terminal que viene con OSX, lo sustituí hace tiempo por iTerm2 que es un terminal bastante mejorado, a iTerm2 hay que sumarle oh-my-zsh para dar más funcionalidades a través de plugins. El terminal lo uso para hacer casi todo, ir a carpetas, abrir archivos, lanzar Gulp, compilar SCSS, compilar Jekyll, como cliente de Git, GitHub y GitLab.

No tengo muchos plugins pero enhancd me parece lo mejor que he descubierto en mucho tiempo, un historial de cd que sirve para saltar de ruta en ruta a la velocidad de la luz, brutal. Tengo una función para mostrar la estructura de una carpeta. También PM de Laux.

El tema que uso es Honukai

Mi colección de alias

alias zshconfig="sublime ~/.zshrc"
alias ohmyzsh="sublime ~/.oh-my-zsh"
alias gpl="git pull origin master"
alias gpo="git push origin master"
alias gc="git commit -m"
alias gs="git status"
alias ga="git add"
alias cw="compass watch"
alias jb="sudo jekyll build"
alias js="jekyll serve"
alias jsd="jekyll serve drafts"
alias ocultararchivos="defaults write com.apple.finder AppleShowAllFiles FALSE;killall Finder"
alias mostrararchivos="defaults write com.apple.finder AppleShowAllFiles TRUE;killall Finder"
alias bateria="pmset -g batt | egrep '([0-9]+\%).*' -o --colour=auto | cut -f1 -d';'"
alias wakatoday="wakatime -t or wakatime -today"
alias wakayesterday="wakatime -y or $ wakatime -yesterday"
alias wakaweek="wakatime -w or $ wakatime -week"
alias sw="sass --watch"
alias svnu="svn update"
alias svna="svn add"
alias svnc="svn commit -m"
alias svns="svn status"
alias sasswatch="sass --watch scss/styles.scss:css/styles.css"
alias wifipass="security find-generic-password -ga"
alias wifion="networksetup -setairportpower en0 on"
alias wifioff="networksetup -setairportpower en0 off"
alias wifireboot="networksetup -setairportpower en0 off && networksetup -setairportpower en0 on"
alias apagar="sudo poweroff"
alias reiniciar="sudo reboot"
alias initcss="mkdir css src js img && touch .gitignore && echo node_modules > .gitignore && cp ~/documents/package.json ./ && cp ~/documents/gulpfile.js ./  && touch index.html && cd src && mkdir css img js && cd css && touch styles.css && cd ../js && touch index.js && cd .. && cd .. && git init && git add . && git commit -m 'estructura creada' && npm install"
alias initproject="git clone https://github.com/jorgeatgu/base.git . && git remote rm origin && npm install && sudo ncu -u"
alias abrirsublime="open -a "Sublime Text""

Y como final tengo dos moleskine para ir apuntando todo lo que se me ocurre, y un dottedpaper para cuando tengo que hacer estructuras.

Toda mi configuración y mucho más está disponible en GitHub