Paquetes de átomos esenciales para cada desarrollador web

La elección del editor que está a punto de usar para codificar no es una decisión simple. Afortunadamente, hoy en día tienes muchas alternativas disponibles. Debo decir que en mi comienzo como desarrollador Java siempre fui fanático del eclipse. Sé que muchos de ustedes lo odian, porque es una herramienta pesada que consume muchos recursos del sistema. Pero en mi humilde opinión todas las funcionalidades y la ayuda de programación que ofrecen compensan claramente estos problemas. Después de pasar al desarrollo web en general y al desarrollo de complementos de WordPress en particular, pasé algún tiempo buscando alternativas al eclipse. Intenté sublime por un tiempo, pero tuve muchos problemas para mantener una configuración que funcionó sin problemas cada vez que tenía una actualización. También usé phpstorm, y la verdad es que la experiencia fue buena, siendo la alternativa más cercana a los eclipses que encontré. Pero desafortunadamente, su interfaz para Mac OS X no me convenció …
Finalmente, probé Atom y tengo que decir que estoy bastante satisfecho con eso. De hecho, todas mis contribuciones al desarrollo de nuestro contenido de complemento Nelio se hicieron desde este editor, incluido todo el código Node.js del servidor del contenido de Nelio que se ejecuta en Amazon Cloud.

Captura de pantalla con átomo. Si no conoce Atom, le recomiendo que visite su sitio web y lo eche un vistazo. Desde mi punto de vista, tiene el mejor administrador de paquetes que puede encontrar hoy en un editor de texto. Y hasta el día de hoy, Atom no me dio dolor de cabeza, simplemente funciona. Y hablando de paquetes, aquí tiene una lista de los más interesantes que instalé y usé en mis desarrollos. ¡Vamos a revisarlos!
Los paquetes de átomos más recomendados recuerdan que estos son los paquetes más útiles para mí, tal vez encontrará a otros que le gustan más o servirán mejor. De todos modos, estoy seguro de que encontrarás más útil. Icons-Son Este paquete simple agrega iconos y colores a los archivos que tenemos en el átomo dependiendo de su tipo de archivo específico, de modo que sea más fácil de identificar. Pictogramas que el paquete de icono de archivo para identificar los tipos de archivos. Desde una mirada, descubrirá el tipo de archivo frente a usted. Parece estúpido, pero una vez que lo intentas, no puedes dejar de usarlo.

Minimapa si es un programador, probablemente se despertará editando archivos muy largos. Con Minimapa puede ver una representación del contenido del archivo en el lado derecho del código. De esta manera, verá en una mirada en la que se encuentra en el archivo sin perder el contexto.
Mire el mini mapa en el lado derecho, resaltando los cambios en el código. Y lo mejor aquí es que puede completarlo con el paquete Minimap-Git-Diff, que marca los lugares donde realizó cambios en el mini mapa. Pigmento Este paquete le muestra los colores que encuentra en sus archivos. Esto es particularmente útil al editar las reglas CSS:

Ejemplo para usar pigmentos para el átomo. Selector de color con este paquete Puede seleccionar fácilmente el color que desea incluir en su estilo CSS. Justo bien, haga clic en “Selector de color” para abrir un selector de color en el que elige visualmente el color que mejor se adapte a sus necesidades es el mejor socio para el paquete anterior.

Selector de color que se abre con el paquete de selección de color. ENTREGADO ENTREGADO Este paquete agrega una funcionalidad que (sorprendentemente) no está implícitamente incluida en el núcleo del átomo. Simplemente haga doble clic en una palabra en el editor y luego Atom resaltará esa palabra y cualquier otra aparición en el resto del archivo. Mire cómo funciona el paquete seleccionado. Si es un desarrollador, es genial instalarlo y ver dónde aparecen las variables o funciones en el código. Vaya a la definición de una funcionalidad de eclipse que más extraño es CTRL+Haga clic en una función, objeto o clase, para que pueda omitirla directamente. Aunque no es perfecto, la mejor solución que encontré en el átomo es este paquete, ¡lo uso todos los días para saltar alrededor del código!

Navegando a través de los archivos de código utilizando el paquete GOTO-Definition. Tienes que colocar el cursor sobre lo que desea buscar (el nombre de una función, por ejemplo) y hacer Alt+CMD+Enter. Esto le llevará la definición de la función mencionada o abrirá un diálogo flotante con todas sus apariencias en el proyecto, para que pueda decidir dónde desea omitir.

Git-plus Este paquete integra el control de versión GIT en su editor Atom. De esta manera, puede hacer todo lo que haga con su cuello terminal sin terminal.

El paquete git-plus en el átomo. Lo usé mucho, pero últimamente uso la contraparte terminal. Me siento más cómodo para administrar los cambios directamente desde la línea de comando en lugar de usar este paquete en el átomo, pero puede intentarlo (el segundo) en el futuro). Git-Time-Machine Otro paquete que dejé a un lado, pero aún así lo instalé es un tiempo de git.
La cronología que muestra los cambios utilizando el paquete Git-Time-Machine. Dado cualquier archivo de un proyecto controlado por GIT, puede regresar a tiempo para ver los cambios que ha realizado. Incluye una barra horizontal con cronología que muestra cambios. Muy útil Cuando desea ver los viejos cambios en su código de conflicto de código cuando usa GIT regularmente y trabajando con otros desarrolladores, probablemente se despierta en situaciones en las que su código está en conflicto con Head.


Conflictos para combinar paquetes en Atom. Remedio estos conflictos es complicado y no podrá cargar los cambios hasta que los arregles. Afortunadamente, el paquete Mercflicts le brinda ayuda en esta tarea, lo que hace que el proceso sea mucho más visual y simple. No dudes en probarlo. All-show, apuesto a que tiene su código muchos comentarios que indican cosas que deben mejorarse o abordarse en el futuro. Pero nunca los abordas, porque te olvidas de ellos. Bueno, afortunadamente puede instalar el paquete TODO-Show, que abre un panel Atom con todos los comentarios que encuentran TODO, FIJO, etc.

Panel que incluye todos los comentarios con etiquetas TODO, fijaciones, etc. De esta manera, antes de lanzar el código en público, puede revisarlo rápidamente y puede ver si ha dejado algo para remediarse. Linter como desarrollador de Java, me gustó cada vez que Eclipse era más inteligente que yo y destacé los errores que detectamos al programar. Es una funcionalidad increíble que reduce los errores a la expresión mínima. En el átomo, el equivalente que funciona mejor para mí es el linter. Es un paquete que agrega control y vista de los errores en el editor en sí. E incluso si no detecta todo, me ayuda mucho. Además de este paquete básico de Live, mi instalación también incluye las siguientes extensiones de enlace para Atom:
Linter-Alex: los controles que escribes mejor. Es útil en sus comentarios.

Linter-CSSLint: Detección de errores en archivos CSS.

Linter-JSC: Detección de errores en archivos JavaScript.

Linter-Jsonlint: Detección de errores en archivos JSON.
Linter-PHP: Detección de errores en archivos PHP.
Linter-UKPPCS: Detección de errores en archivos PHP utilizando php_codesniffer (útil para seguir las guías de estilo de WordPress).
Linter-Shellcheck: Detección de errores en las Escrituras de Shell.
Swagger de Linter: Detección de errores en archivos Swagger (utilizado para definir API).
Linter-Write-Good: Detección de errores al escribir textos en inglés.
Linter-xmllint: detección de errores en archivos XML.
Minimap-Linter: resalta los errores detectados por el enlace en Minimap.
Atom-liderando este paquete hará que sus archivos se vean más hermosos y legibles, porque es responsable de controlar la sangría. Es decir, verifique si las líneas de código están bien ordenadas y comienzan desde el lugar correcto. Es especialmente útil para rastrear guías de estilo en archivos que tienen varios bucles o funciones vestidas que llaman a otras funciones dentro. También acepta la mayoría de los idiomas que puede usar hoy para codificar. Atom -ternjs Finalmente, otra funcionalidad que no se resuelve correctamente en editores como Atom es la finalización automática. Además de hacerle más eficiente como programador, una buena funcionalidad de finalización automática evitará errores mientras escribe su código. En mi caso, la mayor parte del código que generalmente escribo en el átomo es JavaScript, por lo que instalé el paquete Atom-ETRJS, que gestiona la finalización automática. ¿No es perfecto pero mejor que nada? Bonificación: Atom-2048 Si quieres tomar un descanso del trabajo, ¿aquí hay un paquete que te permite jugar el popular juego 2048 dentro del editor?