{"id":227506,"date":"2022-09-28T20:05:00","date_gmt":"2022-09-28T17:05:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227506"},"modified":"2022-11-08T23:56:35","modified_gmt":"2022-11-08T20:56:35","slug":"los-mejores-paquetes-y-extensiones-atom-que-puedes-instalar","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/es\/los-mejores-paquetes-y-extensiones-atom-que-puedes-instalar\/","title":{"rendered":"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0"},"content":{"rendered":"\n<p><a href=\"https:\/\/atom.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Atom<\/a>, el editor de c\u00f3digo de Github, gana popularidad d\u00eda tras d\u00eda. Los desarrolladores prefieren este editor de c\u00f3digo porque es liviano, tiene una curva de aprendizaje baja y se puede ampliar con una variedad de paquetes Atom \u00fatiles.<\/p>\n<p>Al principio, Atom se us\u00f3 como una herramienta interna para Github, pero luego se lanz\u00f3 como una herramienta de c\u00f3digo abierto para el p\u00fablico en general. La comunidad respondi\u00f3 r\u00e1pidamente y ahora cuenta con un pr\u00f3spero ecosistema de usuarios y colaboradores.<\/p>\n<p>Como editor multiplataforma listo para usar, Atom funciona en OS X, Windows y Linux. Tiene finalizaci\u00f3n autom\u00e1tica inteligente, \u00fatil para aquellos que desean escribir c\u00f3digo limpio r\u00e1pidamente, y presenta un explorador de archivos conveniente donde puede abrir y agregar archivos r\u00e1pidamente.<\/p>\n<p>Si aspira a ser un usuario avanzado de Atom, aqu\u00ed hay una lista de los mejores paquetes de Atom que aumentar\u00e1n su productividad y har\u00e1n que su codificaci\u00f3n sea mucho m\u00e1s f\u00e1cil.<\/p>\n<p>Siga leyendo m\u00e1s sobre este tema en este art\u00edculo creado por nuestro equipo en <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a>, el <strong>complemento n.\u00ba 1 de WP para crear tablas y gr\u00e1ficos<\/strong>.<\/p>\n<p>Descubra qu\u00e9 paquetes Atom vale la pena usar y por qu\u00e9.<\/p>\n<h2>Los mejores paquetes Atom para completar su configuraci\u00f3n de codificaci\u00f3n<\/h2>\n<p>Algunos dicen que Atom es el mejor editor de c\u00f3digo general del mercado. Ciertamente es comparable con Sublime Text y Notepad ++, con sus propias ventajas. El editor de c\u00f3digo est\u00e1 repleto de todo tipo de caracter\u00edsticas que mejoran la codificaci\u00f3n, entre las que debemos mencionar:<\/p>\n<ul>\n<li>Es multiplataforma: independientemente del sistema operativo que est\u00e9 usando, Atom simplemente funciona<\/li>\n<li>Tiene un administrador de paquetes incorporado: si desea instalar los mejores paquetes Atom, no tendr\u00e1 que lidiar con administrarlos.<\/li>\n<li>Funci\u00f3n inteligente de finalizaci\u00f3n autom\u00e1tica: puede escribir c\u00f3digo mucho m\u00e1s r\u00e1pido con esta funci\u00f3n<\/li>\n<li>B\u00fasqueda en el sistema de archivos: desp\u00eddase de navegar por los archivos durante demasiado tiempo, ya que puede hacerlo todo en una sola ventana<\/li>\n<li>Paneles m\u00faltiples: puede dividir la interfaz de Atom en varios paneles<\/li>\n<li>Simplicidad: el mayor punto fuerte de Atom es que es muy f\u00e1cil de usar.<\/li>\n<\/ul>\n<p>Como puede ver, Atom ya est\u00e1 equipado con todo lo que necesita para codificar. Para necesidades m\u00e1s especializadas, puede recurrir a paquetes aportados por la comunidad, que se explicar\u00e1n en la siguiente secci\u00f3n.<\/p>\n<h3>\u00bfCu\u00e1les son los mejores paquetes Atom y por qu\u00e9 los necesitamos?<\/h3>\n<p>Los paquetes Atom son programas de software externos y bits de c\u00f3digo que agregan funciones adicionales al producto principal, mejorando as\u00ed sus capacidades. Con Atom, a veces tambi\u00e9n se hace referencia a un paquete como &quot;complemento&quot; o &quot;extensi\u00f3n&quot;.<\/p>\n<p>Al agregar paquetes Atom al programa principal, Atom se vuelve mucho m\u00e1s eficiente y lo ayuda a hacer m\u00e1s con menos esfuerzo. Todos los usuarios pueden hacer su propia elecci\u00f3n en t\u00e9rminos de qu\u00e9 paquetes Atom utilizar.<\/p>\n<p>Descargar e instalar los paquetes es f\u00e1cil y pueden mejorar enormemente la experiencia del usuario del programa principal. Sin embargo, es posible que muchos de ellos no se apliquen a su flujo de trabajo o a los idiomas con los que trabaja, por lo que solo debe instalar los mejores paquetes de Atom para usted.<\/p>\n<p>Pero primero, veamos c\u00f3mo instalar un paquete Atom.<\/p>\n<h3>C\u00f3mo instalar paquetes Atom<\/h3>\n<p>Al instalar su primer paquete Atom, es mejor leer los pasos cuidadosamente. Lo m\u00e1s probable es que los aprenda de memoria y no tenga que usar esta lista cada vez. Una vez que haya seleccionado los mejores paquetes Atom para usted, hay dos formas de instalarlos:<\/p>\n<ul>\n<li>Haga clic en Archivo &gt; Configuraci\u00f3n. Esto abrir\u00e1 la Vista de configuraci\u00f3n. Aqu\u00ed, haga clic en Instalar y escriba el nombre del paquete que planea instalar. Un acceso directo para la Vista de configuraci\u00f3n es ctrl +, (ctrl y coma) en PC y cmd +, en Mac.<\/li>\n<li>Puede usar la paleta de comandos de la misma manera. Acceda presionando ctrl+ Shift + P en PC o cmd+ Shift + P en Mac. Escriba &quot;instalar paquetes&quot; aqu\u00ed. Luego puede usar la Vista de configuraci\u00f3n como se indica arriba.<\/li>\n<\/ul>\n<p>Algunos paquetes vienen incluidos con Atom de forma predeterminada. Se denominan paquetes b\u00e1sicos y se pueden desactivar. Sin embargo, se recomienda no deshabilitarlos porque influyen en el comportamiento general del editor. Los otros paquetes que instalar\u00e1 se enumerar\u00e1n en Paquetes comunitarios.<\/p>\n<h2>Una lista de los mejores paquetes Atom para instalar de inmediato<\/h2>\n<p>Atom es vers\u00e1til, y ser\u00eda una pena no expandirlo con nuevas funciones a solo unos clics de distancia.<\/p>\n<p>Dicho esto, hay m\u00e1s de 8000 paquetes disponibles y tomar una decisi\u00f3n puede ser muy dif\u00edcil si no sabes exactamente lo que quieres.<\/p>\n<p>Para ayudarlo en su b\u00fasqueda, vea nuestra lista de los mejores paquetes Atom a continuaci\u00f3n:<\/p>\n<h3>Hormiga<\/h3>\n<p><a href=\"https:\/\/emmet.io\/download\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87313dc3f1.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Emmet es uno de los mejores paquetes Atom porque es universalmente \u00fatil en muchos idiomas.<\/p>\n<p>Es una herramienta de fragmentos de c\u00f3digo que ayuda a los desarrolladores front-end a crear HTML y CSS r\u00e1pidamente, y tambi\u00e9n se puede usar para crear fragmentos de c\u00f3digo personalizados para cualquier otra cosa. Para ello, Emmet utiliza abreviaturas que se convierten en cadenas de texto m\u00e1s largas.<\/p>\n<h3>Preguntar a la pila<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/ask-stack\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87314d874e.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>A ning\u00fan desarrollador le resulta c\u00f3modo pasar del navegador al editor y viceversa durante todo el d\u00eda. Ask Stack Overflow es un paquete que le permite buscar en Stack Overflow y obtener sus ejemplos de c\u00f3digo directamente en Atom, sin tener que rastrear las respuestas para encontrarlas usted mismo.<\/p>\n<h3>git-culpa<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/git-blame\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87315d506a.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Otro de los mejores paquetes de Atom, git-blame, te permite cambiar las anotaciones en el editor de Atom. Para hacerlo, solo necesita presionar ctrl + B o hacer clic derecho en su archivo y luego seleccionar Git Blame.<\/p>\n<p>Aseg\u00farese de hacer esto en el archivo correcto; de lo contrario, podr\u00eda alternar el elemento incorrecto o colapsar sus carpetas en una barra lateral de vista de \u00e1rbol.<\/p>\n<h3>pelusa<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/linter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87316df9e3.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Este es un paquete que no hace mucho por s\u00ed solo, pero proporciona una base que puede usar dentro de Atom para agregar complementos de linter m\u00e1s r\u00e1pido. Tiene soporte para la mayor\u00eda de los lenguajes y funciona con HTML, HAML, JSON, CSS, SCSS, Java y m\u00e1s.<\/p>\n<p>Linter tambi\u00e9n tiene complementos para idiomas de back-end. Hay una lista completa en la p\u00e1gina de inicio del paquete.<\/p>\n<p>En general, los linters se utilizan para mejorar la calidad del c\u00f3digo y reducir la cantidad de errores.<\/p>\n<h3>git-time-machine<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/git-time-machine\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e873180eeaa.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>A veces, tener una imagen de todas tus acciones pasadas frente a ti puede ser de gran ayuda. Es por esto que git-time-machine merece estar en la lista de los mejores paquetes Atom del mercado.<\/p>\n<p>Le permite ver la trama visual de las confirmaciones de su archivo y tambi\u00e9n es interactivo. Puede hacer clic en el gr\u00e1fico de tiempo y ver las confirmaciones en un rango de tiempo espec\u00edfico.<\/p>\n<h3>\u00c1tomo embellecer<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/atom-beautify\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87318edcee.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>El c\u00f3digo claro es mucho m\u00e1s f\u00e1cil de revisar y corregir si se encuentran errores. Hacerlo legible sin implicar mucho esfuerzo es posible con Atom Beautify, un paquete Atom que requiere un solo clic para limpiar cientos de l\u00edneas de c\u00f3digo.<\/p>\n<p>Aquellos que trabajan en equipos m\u00e1s grandes pueden encontrar este paquete muy \u00fatil, ya que el c\u00f3digo se formatear\u00e1 de manera est\u00e1ndar para que todos puedan leerlo sin problemas. El paquete admite varios lenguajes, incluidos HTML, CSS, Python, Ruby, C y m\u00e1s.<\/p>\n<h3>JavaScript turbo<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/turbo-javascript\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731a07b2e.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Si usa Atom para codificar en JavaScript, este paquete no puede faltar en su lista. Le permite usar <a href=\"https:\/\/wpdatatables.com\/javascript-performance\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">fragmentos de c\u00f3digo JavaScript que mejoran<\/a> su flujo de trabajo y optimizan su c\u00f3digo.<\/p>\n<p>Estos fragmentos funcionan bien para ECMAScript 6 y son muy f\u00e1ciles de aprender ya que sus nombres son intuitivos, breves y atractivos. Un ejemplo ser\u00eda &quot;si&quot;, que representa un bloque &quot;si&quot; completo.<\/p>\n<h3>lenguaje-l\u00edquido<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/language-liquid\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731aefa26.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Los desarrolladores front-end que usan el lenguaje de plantillas Liquid de Shopify pueden usar language-liquid para resaltar su sintaxis.<\/p>\n<p>Atom tiene una opci\u00f3n de resaltado incluida de forma predeterminada, pero no est\u00e1 disponible cuando se usa Liquid. Aqu\u00ed es donde interviene language-liquid y evita que los usuarios pierdan horas revisando su c\u00f3digo.<\/p>\n<p>Si usa otro idioma que necesita compatibilidad adicional con el resaltado de sintaxis, intente buscar un paquete similar con otro nombre de idioma.<\/p>\n<h3>Resaltar seleccionado<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/highlight-selected\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731bf0bd4.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>En la misma nota que el resaltado de sintaxis, pero con una funci\u00f3n diferente, Resaltar seleccionado se usa para se\u00f1alar las ocurrencias de una palabra espec\u00edfica en su c\u00f3digo.<\/p>\n<p>Puede seleccionar cualquier palabra haciendo doble clic en ella y Resaltar seleccionados le mostrar\u00e1 todos los dem\u00e1s lugares donde aparece esa palabra. \u00a1Simple, pero extremadamente conveniente!<\/p>\n<h3>Oye, \u00bfsab\u00edas que los datos tambi\u00e9n pueden ser hermosos?<\/h3>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> puede hacerlo de esa manera. Hay una buena raz\u00f3n por la que es el plugin de WordPress n.\u00ba 1 para crear tablas y gr\u00e1ficos receptivos.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731d1a9a0.png\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Un ejemplo real de wpDataTables en la naturaleza<\/p>\n<p>Y es muy f\u00e1cil hacer algo como esto:<\/p>\n<ol>\n<li>Usted proporciona los datos de la tabla.<\/li>\n<li>Config\u00faralo y personal\u00edzalo<\/li>\n<li>Publicarlo en una publicaci\u00f3n o p\u00e1gina<\/li>\n<\/ol>\n<p>Y no solo es bonito, sino tambi\u00e9n pr\u00e1ctico. Puede crear tablas grandes con <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-mysql-based-wpdatatables-with-server-side-processing\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hasta millones de filas<\/a>, o puede usar <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/advanced-filtering\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">filtros y b\u00fasquedas avanzados<\/a>, o puede volverse loco y <a href=\"https:\/\/wpdatatables.com\/documentation\/front-end-editing\/creating-editable-tables\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hacerlo editable<\/a>.<\/p>\n<p>\u00abS\u00ed, pero me gusta demasiado Excel y no hay nada de eso en los sitios web&quot;. S\u00ed, lo hay. Puede usar <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/conditional-formatting\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">formato condicional<\/a> como en Excel o Google Sheets.<\/p>\n<p>\u00bfTe dije que tambi\u00e9n puedes <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">crear gr\u00e1ficos<\/a> con tus datos? Y eso es solo una peque\u00f1a parte. Hay <a href=\"https:\/\/wpdatatables.com\/features\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">muchas otras caracter\u00edsticas<\/a> para ti.<\/p>\n<h3>Teletipo<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/teletype\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731e37529.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Teletype merece su lugar en la lista de los mejores paquetes Atom, ya que trae algo nuevo a la mesa: lo que le permite a usted y a su equipo colaborar en un espacio de trabajo.<\/p>\n<p>Teletype le permite compartir su c\u00f3digo con otro programador y les otorga acceso para editarlo en tiempo real. En algunos casos, esto es muy \u00fatil porque se alienta a los programadores principiantes a seguir a los programadores m\u00e1s experimentados y aprender sus formas de manejar un proyecto.<\/p>\n<p>El teletipo tambi\u00e9n se puede usar para realizar colaboraciones en equipo, por lo que no se limita a compartir c\u00f3digo con una sola persona, sino con varias. Este paquete es el resultado de la creatividad e innovaci\u00f3n del equipo de GitHub.<\/p>\n<p>Desde 2017, Teletype se encuentra entre los paquetes favoritos de muchos desarrolladores, fomentando conceptos como la programaci\u00f3n en pareja y la codificaci\u00f3n social.<\/p>\n<h3>Archivo abierto avanzado (por Osmose)<\/h3>\n<p><a href=\"https:\/\/github.com\/Osmose\/advanced-open-file\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8731f32e1a.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Advanced Open File es un paquete Atom que ayuda a los usuarios a abrir archivos y buscar carpetas m\u00e1s f\u00e1cilmente. Tambi\u00e9n puede crear otros nuevos dentro de Advanced Open File, lo que reduce el tiempo necesario para hacerlo en Atom. Puede acceder presionando Alt + cmd\/ctrl + O.<\/p>\n<h3>Menos que barra oblicua<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/less-than-slash\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e873203b953.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Aquellos que usan HTML m\u00e1s en comparaci\u00f3n con otros idiomas deber\u00edan probar Less Than-Slash. De los mejores paquetes Atom, Less Than-Slash se diferencia por su simplicidad y efectividad.<\/p>\n<p>El paquete agrega una etiqueta HTML de cierre despu\u00e9s de escribir &lt;\/. Adem\u00e1s, el paquete puede reconocer qu\u00e9 etiqueta requiere cerrarse y la agrega autom\u00e1ticamente mientras ignora las etiquetas similares o similares.<\/p>\n<p>Tambi\u00e9n puede especificar todas las etiquetas que preferir\u00eda que se ignoraran en el panel de configuraci\u00f3n del paquete. Adem\u00e1s, puede aprovechar la opci\u00f3n de retorno del cursor, que env\u00eda el cursor al principio de la etiqueta de cierre, lo que facilita la reescritura.<\/p>\n<h3>Iconos de archivo<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/file-icons\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e873212d130.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Atom est\u00e1 programado para mostrar el nombre del archivo en la vista de \u00e1rbol al acceder a la ventana del editor. Esto a veces se percibe como un inconveniente, teniendo en cuenta que algunas personas prefieren saber el nombre del archivo en el que est\u00e1n trabajando en el icono del archivo.<\/p>\n<p>Como sugiere el nombre, File Icons es el paquete Atom que hace exactamente eso. Es un peque\u00f1o cambio con un gran efecto, por lo que debe intentarlo y ver c\u00f3mo mejora su flujo de trabajo.<\/p>\n<h3>Dise\u00f1o de panel Plus<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/pane-layout-plus\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8732243435.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>\u00bfTiene problemas con la organizaci\u00f3n de paneles en Atom? Page Layout Plus le permite controlar la distribuci\u00f3n de cada panel, y tambi\u00e9n le brinda la opci\u00f3n de usar accesos directos. Usando los accesos directos, puede saltar entre columnas o establecer dise\u00f1os.<\/p>\n<h3>Paquete Git-Plus<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/git-plus\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8732330707.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Tomar acciones en Gitis es bastante dif\u00edcil porque siempre necesitas cambiar a la terminal. Git-Plus lo ayuda a realizar acciones de Git sin tener que cambiar para hacerlo. Se basa en c\u00f3digos cortos y solo tiene que presionar cmd\/ctrl + Shift + H. Todos los comandos de Git se pueden ejecutar con este paquete.<\/p>\n<h3>Pigmentos (por abe33)<\/h3>\n<p><a href=\"https:\/\/github.com\/abe33\/atom-pigments\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8732411251.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>En el dise\u00f1o web, los c\u00f3digos de color lo son todo. Pigments es un paquete conveniente que escanea su archivo y detecta los c\u00f3digos de color existentes que luego se muestran. Los pigmentos cubren HEX, RGB y HSL.<\/p>\n<p>Si trabaja con funciones de transformaci\u00f3n de color como LESS o Stylus CSS, Pigments tambi\u00e9n puede ayudarlo, ya que tiene funciones listas para usar. Puede personalizar el tipo de marcador o configurar diferentes palabras de color para cada archivo.<\/p>\n<h3>Selector de color<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/color-picker\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e873251acb0.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Hablando de los mejores paquetes Atom en t\u00e9rminos de gesti\u00f3n del color, Color Picker merece un lugar aqu\u00ed. Puede ajustar los valores de color mucho m\u00e1s r\u00e1pido en un archivo CSS, que es una caracter\u00edstica \u00fatil para quienes trabajan en la industria del dise\u00f1o web.<\/p>\n<p>El selector de color aparecer\u00e1 en la pantalla presionando cmd\/ctrl + Shift + C. Descubrir qu\u00e9 colores est\u00e1 usando con tanta facilidad reduce el tiempo necesario para ajustar los tonos.<\/p>\n<h3>Minimapa (por \u00e1tomo-minimapa)<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/minimap\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e873265b421.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Para aquellos que est\u00e1n familiarizados con <a href=\"https:\/\/wordpress.mediadoma.com\/es\/sublime-text-plugins-que-puedes-usar-para-personalizar-tu-editor\/\" title=\"Sublime Text,\">Sublime Text,<\/a> un minimapa es una funci\u00f3n \u00fatil para los desarrolladores a los que les gusta ver una vista previa del contenido de su archivo en la ventana del editor de c\u00f3digo. Tener uno de estos en la pantalla ayuda a los desarrolladores a mantener su direcci\u00f3n y enfoque.<\/p>\n<p>Minimap es un paquete para Atom que te permite hacer lo mismo. Adem\u00e1s de su funcionalidad principal, tambi\u00e9n puede mostrar marcadores, marcadores de pelusa y colores de pigmentos.<\/p>\n<h3>TODO-Mostrar<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/todo-show\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87327757ab.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>\u00bfQuiere que todos los comentarios TODO, FIXME y CHANGED aparezcan en su pantalla? En caso afirmativo, utilice TODO-Show. Es un paquete genial que resulta muy \u00fatil para los desarrolladores que prefieren escribir sus notas directamente en el c\u00f3digo.<\/p>\n<p>Entre los mejores paquetes Atom, este parece ser uno de los m\u00e1s \u00fatiles. Tenga en cuenta que tambi\u00e9n puede crear comentarios personalizados adem\u00e1s de los prefabricados.<\/p>\n<h3>Gerente de proyecto<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/project-manager\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e87328756e3.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Cambiar r\u00e1pidamente entre proyectos no es el fuerte de Atom. Por eso deber\u00edas probar este paquete que te permite cambiar mucho m\u00e1s f\u00e1cilmente.<\/p>\n<p>Guarde sus proyectos utilizando la Paleta de comandos escribiendo en <a href=\"https:\/\/niftypm.com\/blog\/creative-project-managers\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Administrador de proyectos<\/a>: Guardar proyecto. Luego, una vez que los haya guardado, puede filtrar sus proyectos y cambiar entre ellos f\u00e1cilmente.<\/p>\n<h3>Pesta\u00f1as Atom expuestas<\/h3>\n<p><a href=\"https:\/\/atom.io\/packages\/expose\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-181175-61e8732974255.jpg\" alt=\"Los mejores paquetes y extensiones Atom que puedes instalar\u00a0\" \/><\/a><\/p>\n<p>Este paquete de Atom le brinda la posibilidad de tabular sobre los archivos abiertos en el programa. Si est\u00e1 familiarizado con Mission Control de Mac, es bastante similar. El paquete mostrar\u00e1 los paneles activos y una vista previa de cada pesta\u00f1a.<\/p>\n<h3>Reflexiones finales sobre los mejores paquetes Atom<\/h3>\n<p>Aunque esta lista deber\u00eda darle suficiente para masticar, no es exhaustiva de todos los mejores paquetes Atom que existen. Recuerde que hay m\u00e1s de 8000 de ellos, as\u00ed que t\u00f3mese su tiempo para encontrar los m\u00e1s aplicables a los idiomas que utiliza.<\/p>\n<p>Atom es lo suficientemente potente sin todos estos paquetes, pero estos paquetes Atom f\u00e1ciles de instalar disponibles de forma gratuita ampliar\u00e1n sus funcionalidades para que sea m\u00e1s c\u00f3modo de usar.<\/p>\n<p>Si disfrut\u00f3 leyendo este art\u00edculo sobre los mejores paquetes de Atom, debe consultar este sobre los <a href=\"https:\/\/wordpress.mediadoma.com\/es\/sublime-text-plugins-que-puedes-usar-para-personalizar-tu-editor\/\" title=\"temas de Sublime Text\">temas de Sublime Text<\/a>.<\/p>\n<p>Tambi\u00e9n escribimos sobre algunos temas relacionados, como los <a href=\"https:\/\/wordpress.mediadoma.com\/es\/complementos-y-paquetes-de-texto-sublime-que-debe-consultar\/\" title=\"complementos de Sublime Text\">complementos de Sublime Text<\/a> y c\u00f3mo convertirse en un <a href=\"https:\/\/wordpress.mediadoma.com\/es\/como-convertirse-en-un-desarrollador-front-end-habilidades-que-debe-tener\/\" title=\"desarrollador front-end\">desarrollador front-end<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Los desarrolladores prefieren este editor de c\u00f3digo porque es liviano, tiene una curva de aprendizaje baja y se puede ampliar con una variedad de paquetes Atom \u00fatiles.<\/p>\n","protected":false},"author":1,"featured_media":181176,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[716,914,779,840],"tags":[1172],"class_list":["post-227506","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollador","category-otro","category-software-de-codigo-abierto","category-tutoriales","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/227506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=227506"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/227506\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/181176"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=227506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=227506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=227506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}