¡Llámanos hoy!

Blog

editor de texto atom

Cómo empezar con el editor de texto Atom

El editor de texto Atom

Cuando se trata de editores de texto, Átomo es la nueva gran cosa; todos los codificadores geniales lo están usando. Ya sea que sea un n00b total que desee aprender a codificar o un desarrollador experimentado que busque un nuevo IDE, será difícil encontrar una herramienta de codificación mejor que el editor de texto Atom de código abierto y gratuito.

Descarga y lanzamiento de Atom

Lo primero que debes hacer es ir a atom.io y haga clic en el botón de descarga. Cuando termine de descargarse, inicie la aplicación. Cuando se abra la ventana de Atom, será recibido por una hermosa pantalla de bienvenida; una guía útil que le enseñará todo lo que necesita saber para comenzar. Suena genial, ¿verdad? Bueno, si cierras la pantalla de bienvenida, verás que nunca vuelve a aparecer y tienes que descubrir Atom por tu cuenta.

¿Es esto un defecto de diseño de UX molesto? ¿O una oportunidad para aprender algo asombroso? Depende de como lo veas. Estás de suerte, porque aquí en FVI, vemos cada obstáculo como una oportunidad para aprender y crecer. Entonces, aprovechemos esta oportunidad para aprender sobre una de las características más sorprendentes de Atom, posiblemente su característica más poderosa y atractiva que ha estado tomando por asalto a la comunidad de desarrolladores: su capacidad de pirateo.

Hackear el editor de texto Atom

Atom se basa en tecnologías de desarrollo web de nivel de entrada como HTML, CSS y JavaScript, por lo que puede diseñarlo y programarlo para que se vea y funcione como lo desee. Usemos esta característica asombrosa para programar Atom para que abra la pantalla de bienvenida cada vez que inicie la aplicación.

Primero, cierre el editor de texto Atom, salga de la aplicación y luego vuelva a abrirla. Notará de inmediato que la pantalla de bienvenida ha desaparecido y que no hay forma aparente de volver a ella. Ahora viene la parte divertida: agreguemos una línea al código de inicialización de Atom, para que abra la pantalla de bienvenida cada vez que lancemos la aplicación.

Haga clic en "Atom" en el menú de la aplicación (antes de "Archivo") y seleccione "Iniciar script". Si no puede encontrarlo, puede utilizar la función de búsqueda en "Ayuda" para buscar "Script de inicio". Una vez que haya abierto el script de inicialización de Atom, puede pegar la siguiente línea al final:

atom.config.set 'welcome.showOnStartup', verdadero

Luego haga clic en ctrl + s para guardar el script de inicio. Ahora, cada vez que inicie Atom, ¡le mostrará la pantalla de bienvenida! Si alguna vez desea desactivar esta función, todo lo que necesita hacer es volver al script de inicio y eliminar esta línea de código.

Entonces, una vez que haya guardado el script de inicio, continúe, cierre la ventana y vuelva a iniciar la aplicación Atom. ¡Viola! Tu pantalla de bienvenida ha vuelto y está mejor que nunca (porque ahora permanecerá todo el tiempo que la necesites y desaparecerá cuando quieras).

Iniciar un nuevo proyecto

¡Ahora realmente podemos ponernos a trabajar!

Comience abriendo un proyecto arrastrando un archivo de código (¡o incluso una carpeta completa!) A la ventana de Atom. Tenga en cuenta que si está abriendo una carpeta, todos los archivos se podrán explorar en la barra lateral izquierda.

Si nunca antes ha creado un archivo de código, pruebe nuestro tutorial introductorio de HTML.

Si desea crear un nuevo archivo HTML desde cero, todo lo que necesita hacer es hacer clic en "archivo -> nuevo archivo" en la barra de menú y guardar su nuevo documento sin título como un archivo .html (test.html, por ejemplo) . Una vez que se guarda como un archivo HTML, puede utilizar "fragmentos" para facilitar las cosas. Por ejemplo, escriba "html" (sin las comillas) y luego presione "tabulador". Ahora simplemente siéntese, relájese y maravíllese con la magia del editor de texto Atom, mientras una plantilla HTML5 completa aparece ante sus ojos.

El editor de texto Atom es un programa de código abierto con miles y miles de funciones, en las que nunca podríamos entrar en una sola publicación de blog. Por ahora sigue jugando con las opciones de la pantalla de bienvenida; instale un paquete (como seti-ui, por ejemplo), elija un tema, personalice el estilo, piratee más en el script de inicio y juegue con fragmentos y atajos. ¡Diviértete y feliz codificando!