ansango

Configuraciones 馃敄

Autor
avatar
Name
Anibal Santos
Publicado
Lectura
4 '
Configuraciones 馃敄

Esta entrada de marcadores va a dedicarse sobre todo a recursos que tengan que ver con el sistema operativo, la terminal de comandos, navegadores, controles de versiones y repositorios, editores de c贸digo y plugins, herramientas para escribir c贸digo limpio y otras herramientas en general.

SO, Terminal y Navegadores


Sistema operativo

Esta es una elecci贸n muy particular, yo en lo personal prefiero trabajar con Linux, en concreto con la distribuci贸n de Ubuntu. En el trabajo utilizo Windows, y en el pasado utilizaba MacOS. He pasado por los tres sistemas y desde luego todos los recursos que publico, exceptuando los que son espec铆ficos para Linux o Ubuntu, est谩n disponibles para todos o casi todos los sistemas.

Linux

Terminal

Al utilizar Linux, trabajaremos con Bash, en Windows tenemos Power Shell y personalmente no la tengo tan interiorizada. Yo utilizo oh my zsh que tiene temas con colores y es muy configurable. Aqu铆 tienes una gu铆a de Bash y tambi茅n un art铆culo con los comandos m谩s utilizados.

Otra elecci贸n muy personal. La verdad es que me encanta Firefox y tiene unas herramientas que nos ayudan a maquetar y a desarrollar muy intuitivas, pero no te voy a enga帽ar, utilizo Chrome por defecto, vendo consejos que para mi no tengo. Ambos navegadores tienen practicamente las mismas extensiones disponibles, as铆 que elige el que m谩s te guste.

Extensiones

Control de versiones, Editores de c贸digo y Herramientas Clean Code


Control de veriones

Existen varios sistemas de control de versiones. Estas herramientas nos ayudan a que nuestro trabajo quede registrado por versiones, es una manera de volver atr谩s en el tiempo por si la liamos parda. En mi caso y en el de la mayor铆a de los mortales, uso Git.

Git

Puedes ver como instalar Git aqu铆. Tambi茅n es interesante que le eches m谩s adelante un ojo a Git Flow, que son un conjunto de extensiones de Git para proporcionar operaciones de alto nivel los repositorios.

Empezar en Git:

Plataformas para repositorios remotos

Git avanzado

Editores de c贸digo

Existen infinidad de editores de c贸digo, Vim, Notepad++, Atom, SublimeText, WebStorm, VSCode, etc. Est谩 elecci贸n es complicada; al principio pas茅 por Notepad++, Atom y Sublime, luego me gustaba mucho WebStorm, pero necesitar谩s licencia, as铆 que finalmente me pas茅 al que utiliza mucha gente, VSCode.

VSCode

La verdad es que es un editor genial, tienes infinidad de plugins para adaptar casi cualquier herramienta. Te dejo un enlace con una lista personal de plugins.

Herramientas Clean Code

Aprendiendo a escribir buen c贸digo, pero no sabes por d贸nde empezar... 驴Quitando c贸digo muerto? 驴Encontrando variables no utilizadas? 驴Tratando de encontrar patrones problem谩ticos en tu c贸digo? 驴Te suena?

Bueno pues aqu铆 algunas de las herramientas que te ayudar谩n a superar el drama:

  • ESLint - es una herramiente que hace Code linting, que es un tipo de an谩lisis est谩tico, utilizado para encontrar patrones problem谩ticos o c贸digo que no se adhiere a ciertas pautas de estilo.
  • Prettier - herramienta que formatea el c贸digo para ti de una manera espec铆fica.
  • Stylelint - Seguro que no has olvidado lo que hace ESLint, pues Stylelint hace lo mismo con tus CSS.
  • EditorConfig - EditorConfig nos ayudar谩 a establecer un conjunto de reglas para mantener la forma en la que escribimos c贸digo. Imagina que en tu equipo tu usas VSCode pero tu compa帽ero usa Atom y no tiene las mismas tabulaciones. Con esta herramienta tendremos una misma manera de leer y escribir c贸digo.
  • Lint-Staged - ejecutar谩 linters en los staged files, para que el bad code no se suba tu rama.
  • Husky - b谩sicamente te permite hacer Git hook. Esto significa que puedes realizar ciertas acciones cuando est谩s a punto de confirmar o cuando est谩s a punto de empujar el c贸digo a una rama.

Utilizo cookies para mejorar mi contenido. Al continuar utilizando este sitio, est谩s aceptando el uso que hago de las cookies.