> For the complete documentation index, see [llms.txt](https://makeitrealcamp.gitbook.io/ruby-book/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://makeitrealcamp.gitbook.io/ruby-book/el-editor-de-texto.md).

# El editor de texto

Para escribir código vas a necesitar un **editor de texto**. Un **editor de texto** es una aplicación que nos permite crear y editar archivos de texto.

A diferencia de un procesador de palabras (como Microsoft Word), un editor de texto se utiliza para crear archivos de texto **sin formato**.

Cada sistema operativo trae algún editor de texto como **Bloc de Notas** en Windows o **TextEdit** en Mac. Sin embargo, existen editores de texto especializados para programadores que tienen varias ventajas sobre el editor que viene en tu sistema operativo:

* Resalta la sintaxis de acuerdo al lenguaje de programación para facilitar su lectura.
* Ayuda a auto completar el código.
* Es altamente personalizable a través de archivos de configuración o plugins.

Ejemplos de editores de texto para programadores incluyen [Sublime Text](https://www.sublimetext.com/), [Atom](https://atom.io/) y [VSCode](https://code.visualstudio.com/), entre muchos otros. Sin embargo, si aún no tienes una preferencia, nuestra recomendación es [Atom](https://atom.io/).

## Atom

Atom es un editor de texto gratis y de código abierto que puedes descargar en [este enlace](https://atom.io/).

La siguiente imagen muestra varios elementos interesantes de Atom:

![Atom Editor](https://s3.amazonaws.com/makeitreal/images/books/atom-editor.jpg)

El archivo que aparece en la imagen es un archivo Ruby que no tiene formato (es solo texto). [Atom](https://atom.io/) automáticamente resalta el código con colores para hacerlo más legible.

Fíjate cómo, en la última línea, [Atom](https://atom.io/) nos ayuda a completar el código ahorrando tiempo de desarrollo.

Por último, cuando abres una carpeta con [Atom](https://atom.io/), en el panel de la izquierda aparecen los archivos como se muestra en la imagen. Ahí puedes crear, renombrar, eliminar y mover los archivos.

### Crear un archivo

Para crear un nuevo archivo selecciona **File -> New File** del menú principal o utiliza el atajo `Ctrl + N` (`Cmd + N` en Mac):

![Atom - Nuevo archivo](https://s3.amazonaws.com/makeitreal/images/books/atom-new-file.jpg)

Fíjate que en el menú principal siempre vas a encontrar el atajo que puedes utilizar para evitar utilizar tanto el mouse y volverte más productivo(a).

### Guardar un archivo

Para guardar el archivo selecciona la opción **File -> Save** del menú principal o utiliza el atajo `Ctrl + S` (`Cmd + S` en Mac).

Ingresa el nombre con el que quieres guardar el archivo y oprime **Save**.

### Abrir un archivo o una carpeta

Existen tres formas en que puedes abrir un archivo o una carpeta:

1. Arrastra el archivo hasta Atom (o al ícono de Atom si no está abierto).
2. Selecciona **File -> Open** en el menú principal, selecciona el archivo o la carpeta que quieres abrir y oprime el botón **Open**.
3. Utiliza el atajo `Ctrl + O`, selecciona el archivo o la carpeta que quieres abrir y oprime el botón **Open**.

Cuando abres una carpeta aparecerá a la izquierda un panel que muestra los archivos y carpetas que están dentro de la carpeta que abriste.

## Evalúate

1. Crea una nueva carpeta llamada `mi-proyecto` en el Escritorio y ábrela con [Atom](https://atom.io/).
2. Desde [Atom](https://atom.io/) crea un nuevo archivo llamado `archivo1.txt` dentro de la carpeta `mi-proyecto`.
3. Desde [Atom](https://atom.io/) crea una nueva carpeta llamada `imagenes`.
4. Desde [Atom](https://atom.io/) crea un nuevo archivo llamado `archivo2.txt` dentro de la carpeta `imagenes`.

Al final, la estructura de la carpeta debería quedar de la siguiente forma:

```
- mi-proyecto
  - archivo1.txt
  - imagenes
     - archivo2.txt
```