100% encontró este documento útil (1 voto)
221 vistas24 páginas

Atom Editor Es

Tutorial editor código atom

Cargado por

El tutorial
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
100% encontró este documento útil (1 voto)
221 vistas24 páginas

Atom Editor Es

Tutorial editor código atom

Cargado por

El tutorial
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 24

atom-editor

#atom-
editor
Tabla de contenido
Acerca de 1

Capítulo 1: Empezando con el editor de atom 2

Observaciones 2

Versiones 2

Examples 6

¿Qué es el átomo? 6

Ejecutando un "¡Hola mundo!" programa en Python usando Atom desde cero 8

Paso 1: Instalando Python 8

Paso 2: Instalando Atom 8

Paso 3: Configurando Atom 8

Paso 4: Programación y ejecución. 8

Capítulo 2: Edición básica con el átomo 10

Observaciones 10

Examples 10

Abrir archivos y directorios 10

Abriendo archivos 10

Directorios de apertura 11

Árbol de archivos interactivo 13

Encontrar y reemplazar 14

Capítulo 3: Instalación y configuración 16

Observaciones 16

Examples 16

Instalando Atom en Windows 16

Utilizando el instalador oficial 16

Construyendo desde la fuente 16

Instalando Atom en Mac 16

Instalar desde un zip 16

Construyendo desde la Fuente 17

Instalando Atom en Linux 17


Instalación desde un paquete 17

Debian, Ubuntu, etc. 17

RedHat Enterprise, CentOS, Oracle Linux, Scientific Linux, etc. 17

Fedora (gestor de paquetes DNF) 17

SUSE (gestor de paquetes Zypp) 17

Construyendo desde la Fuente 17

Capítulo 4: Temas y Paquetes 19

Introducción 19

Examples 19

Descarga e instalación de paquetes y temas 19

Paquetes 19

Temas 19

Utilice Atom Package Manager 20

Creditos 21
Acerca de
You can share this PDF with anyone you feel could benefit from it, downloaded the latest version
from: atom-editor

It is an unofficial and free atom-editor ebook created for educational purposes. All the content is
extracted from Stack Overflow Documentation, which is written by many hardworking individuals at
Stack Overflow. It is neither affiliated with Stack Overflow nor official atom-editor.

The content is released under Creative Commons BY-SA, and the list of contributors to each
chapter are provided in the credits section at the end of this book. Images may be copyright of
their respective owners unless otherwise specified. All trademarks and registered trademarks are
the property of their respective company owners.

Use the content presented in this book at your own risk; it is not guaranteed to be correct nor
accurate, please send your feedback and corrections to [email protected]

https://riptutorial.com/es/home 1
Capítulo 1: Empezando con el editor de atom
Observaciones
Esta sección proporciona una descripción general de qué es el editor de atom, y por qué un
desarrollador puede querer usarlo.

También debe mencionar cualquier tema grande dentro del editor de atom, y vincular a los temas
relacionados. Dado que la Documentación para el editor atómico es nueva, es posible que deba
crear versiones iniciales de los temas relacionados.

Versiones

Versión Fecha de lanzamiento

1.12.8 2017-01-03

1.12.7 2016-12-08

1.12.6 2016-11-25

1.12.5 2016-11-21

1.12.4 2016-11-17

1.12.3 2016-11-15

1.12.2 2016-11-11

1.12.1 2016-11-10

1.12.0 2016-11-09

1.11.2 2016-10-17

1.11.1 2016-10-11

1.11.0 2016-10-11

1.10.2 2016-09-07

1.10.1 2016-09-06

1.10.0 2016-08-30

1.9.9 2016-08-17

1.9.8 2016-08-10

https://riptutorial.com/es/home 2
Versión Fecha de lanzamiento

1.9.7 2016-08-08

1.9.6 2016-08-06

1.9.5 2016-08-05

1.9.4 2016-08-04

1.9.3 2016-08-04

1.9.2 2016-08-03

1.9.1 2016-08-02

1.9.0 2016-07-29

1.8.0 2016-06-06

1.7.4 2016-05-20

1.7.3 2016-04-28

1.7.2 2016-04-19

1.7.1 2016-04-14

1.7.0 2016-04-13

1.6.2 2016-04-01

1.6.1 2016-03-29

1.6.0 2016-03-17

1.5.4 2016-03-01

1.5.3 2016-02-12

1.5.2 2016-02-11

1.5.1 2016-02-10

1.5.0 2016-02-09

1.4.3 2016-02-02

1.4.2 2016-01-28

1.4.1 2016-01-25

https://riptutorial.com/es/home 3
Versión Fecha de lanzamiento

1.4.0 2016-01-13

1.3.3 2016-01-08

1.3.2 2015-12-16

1.3.1 2015-12-10

1.3.0 2015-12-09

1.2.4 2015-11-20

1.2.3 2015-11-19

1.2.2 2015-11-18

1.2.1 2015-11-13

1.2.0 2015-11-12

1.1.0 2015-10-29

1.0.19 2015-09-25

1.0.18 2015-09-24

1.0.17 2015-09-24

1.0.16 2015-09-23

1.0.15 2015-09-18

1.0.14 2015-09-18

1.0.13 2015-09-17

1.0.12 2015-09-17

1.0.11 2015-09-02

1.0.10 2015-09-01

1.0.9 2015-08-28

1.0.8 2015-08-27

1.0.7 2015-08-12

1.0.6 2015-08-11

https://riptutorial.com/es/home 4
Versión Fecha de lanzamiento

1.0.5 2015-08-06

1.0.4 2015-08-04

1.0.3 2015-07-28

1.0.2 2015-07-08

1.0.1 2015-07-08

1.0.0 2015-06-25

0.211.0 2015-06-22

0.210.0 2015-06-17

0.209.0 2015-06-11

0.208.0 2015-06-09

0.207.0 2015-06-05

0.206.0 2015-06-04

0.205.0 2015-06-02

0.204.0 2015-05-28

0.203.0 2015-05-28

0.202.0 2015-05-27

0.201.0 2015-05-21

0.200.0 2015-05-19

0.199.0 2015-05-14

0.198.0 2015-05-07

0.197.0 2015-05-07

0.196.0 2015-04-30

0.195.0 2015-04-30

0.194.0 2015-04-22

0.193.0 2015-04-21

https://riptutorial.com/es/home 5
Versión Fecha de lanzamiento

0.192.0 2015-04-15

0.191.0 2015-04-14

0.190.0 2015-04-07

0.189.0 2015-04-01

0.188.0 2015-03-24

0.187.0 2015-03-09

Examples
¿Qué es el átomo?

Atom es un editor de texto hackeable creado por GitHub y desarrollado sobre la plataforma de
aplicaciones de escritorio Electron.

Esto significa que se puede usar como un editor de texto para la programación básica hasta un
IDE de tamaño completo. También es extremadamente personalizable, proporciona miles de
paquetes creados por la comunidad (resaltado de sintaxis, UX mejorado, etc.) y temas para
satisfacer las necesidades de todos. También está disponible en Windows, MacOS y Linux.

Aquí hay un ejemplo:

https://riptutorial.com/es/home 6
Atom proporciona otras características útiles que incluyen:

• Abriendo directorios
• Múltiples pestañas de edición
• Paneles de edición lado a lado
• Múltiples cursores de edición.

https://riptutorial.com/es/home 7
• Cambio de linea
• Gestión de archivos y directorios.

Ejecutando un "¡Hola mundo!" programa en Python usando Atom desde cero

Atom es un editor de texto versátil y flexible y tiene cientos de paquetes de código abierto creados
por la comunidad que pueden compilar y ejecutar archivos de origen, para muchos idiomas. Esta
guía le mostrará lo fácil que es codificar Python con el editor Atom.

Esta guía asume que no tiene Python ni Atom instalados en su sistema.

Paso 1: Instalando Python


Python se puede instalar desde el sitio web oficial , o si está usando Linux, a través de los
administradores de paquetes (sin embargo, Python generalmente viene preinstalado de todos
modos).

Si es un usuario de Windows, no olvide configurar python.exe en su %PATH% .

Paso 2: Instalando Atom


Puede instalar el editor Atom desde el sitio web oficial o a través de los administradores de
paquetes.

Paso 3: Configurando Atom


Para obtener más información sobre la instalación de paquetes y temas, lea este tema dedicado .

Para compilar y ejecutar programas, la comunidad Atom proporciona paquetes para satisfacer
esa necesidad. Para este ejemplo, usaremos un script para ejecutar nuestro programa.

Vaya a Archivo> Configuraciones> Instalar.

Escriba script en la barra de búsqueda e instálelo. Cuando se instala, debe aparecer en


"Paquetes" en la barra de configuración. Cabe señalar que el script no es capaz de la entrada del
usuario.

Si está usando MacOS o Linux, puede usar el administrador de paquetes apm para instalar
paquetes.

Paso 4: Programación y ejecución.


Elija un directorio donde le gustaría almacenar su archivo fuente PY.

1. Asegúrese de que puede ver el panel de vista de árbol; Si no puede ver este panel, puede
alternarlo yendo a Ver> Alternar vista de árbol.

https://riptutorial.com/es/home 8
2. Vaya a Archivo> Agregar carpeta de proyecto y seleccione un directorio que se configurará
como su directorio raíz para un proyecto.

3. Haga clic con el botón derecho en la carpeta y haga clic en Nuevo archivo, luego ingrese en
hello-world.py y escriba el siguiente código:

print("Hello, World!")

4. Presione CTRL + MAYÚS + B para ejecutar el script. Alternativamente, puede ir a Ver> Alternar
la paleta de comandos e ingresar Script: Run .

El script debe devolver:

Hello, World!
[Finished in 0.125s]

Lea Empezando con el editor de atom en línea: https://riptutorial.com/es/atom-


editor/topic/8684/empezando-con-el-editor-de-atom

https://riptutorial.com/es/home 9
Capítulo 2: Edición básica con el átomo
Observaciones
Tenga en cuenta que los iconos que se usan al final del ejemplo de apertura de archivos y
directorios no forman parte del estilo estándar de Atom, sino que son el resultado del paquete de
estilo de iconos de archivos .

Examples
Abrir archivos y directorios

Junto con otros editores de texto más avanzados, Atom permite a los desarrolladores abrir un
solo archivo o un directorio.

Abriendo archivos
Para abrir archivos con Atom, use Archivo> Abrir archivo ... en el menú como se muestra a
continuación:

https://riptutorial.com/es/home 10
o use el método abreviado de teclado más rápido: Ctrl + O (para Mac OS: + O ). Esto abrirá un
explorador de archivos (Buscador de Mac OS) desde el que puede seleccionar un archivo para
abrir, o para seleccionar múltiples archivos, utilice la tecla Ctrl (Para Mac ) mientras haces clic
en otros archivos o mantenga pulsada la tecla Mayúsculas mientras selecciona otra archivos para
seleccionar un rango. Cuando haya seleccionado los archivos que desea abrir, presione el botón
Open en el explorador de archivos. Atom, como editor de texto, solo elige manejar archivos de
menos de 2 megabytes.

Directorios de apertura
Especialmente para proyectos, la función de apertura de directorios de Atom puede ser bastante
útil. Para hacerlo, puede usar la opción en el menú de archivos de Atom:

https://riptutorial.com/es/home 11
o use el método abreviado de teclado Ctrl + Shift + O (para Mac OS: + Shift + O ). La apertura
de directorios le permitirá acceder a otros directorios y archivos debajo del directorio raíz:

https://riptutorial.com/es/home 12
Árbol de archivos interactivo

Para seguir la estructura de archivos de sus proyectos, Atom, al igual que muchos editores de
texto e IDE, utiliza un modelo de árbol de archivos. Estos árboles muestran las ubicaciones y los
nombres de sus archivos y directorios. Para alternar el árbol entre visible y oculto, se pueden usar
las teclas Ctrl + \ ( + \ para Mac OS). Este árbol también incluye muchas operaciones para
archivos y directorios, como se muestra a continuación:

Operación Descripción

Separar Divide el editor en dos paneles con el archivo seleccionado en la

https://riptutorial.com/es/home 13
Operación Descripción

parte superior

Divide el editor en dos paneles con el archivo seleccionado en la


Dividido por
parte inferior

Divide el editor en dos paneles con el archivo seleccionado a la


Dividir a la izquierda
izquierda

Dividir a la derecha Divide el editor en dos paneles con el archivo seleccionado en la

Buscar en el Abre la herramienta de búsqueda y reemplazo para buscar el archivo


Directorio o directorio seleccionado

Archivo nuevo Crea un nuevo archivo en el ámbito del directorio donde ocurrió el clic

Crea una nueva carpeta en el ámbito del directorio donde ocurrió el


Nueva carpeta
clic

Rebautizar Cambia el nombre del archivo o directorio.

Duplicar Crea una copia exacta del archivo o directorio.

Borrar Elimina el archivo o directorio

Dupdo Copia el archivo o directorio al portapapeles.

Pegar Pega un archivo o directorio copiado desde el portapapeles

Añadir carpeta de Le permite seleccionar otro directorio para ser incluido en la raíz del
proyecto árbol

Copiar ruta Copia la ruta completa del sistema al archivo o directorio


completa seleccionado en el portapapeles

Copiar ruta del Copia la ruta del elemento seleccionado en relación con la raíz del
proyecto proyecto al portapapeles

Abrir en Nueva
Abre el archivo o directorio como raíz en una nueva ventana.
ventana

Abre el explorador de archivos predeterminado del sistema operativo


Mostrar en el Finder
al archivo o directorio seleccionado

Los archivos ocultos (a menos que se establezca lo contrario en la configuración de Atom) se


mostrarán con nombres de archivos sombreados. Un ejemplo común son los datos de
configuración del repositorio de GitHub en el directorio .git .

Encontrar y reemplazar

https://riptutorial.com/es/home 14
La función de buscar y reemplazar en Atom funciona de dos maneras, una opera localmente solo
en el archivo en el que se encuentra y la otra en un conjunto de archivos o directorios.

Para abrir la herramienta de búsqueda y reemplazo para un solo archivo, presione Ctrl + F (para
Mac OS use + F ). Ingrese en el primer espacio en blanco la cadena que está buscando.
Presione la tecla Intro para encontrar todas las instancias de la cadena. A la derecha del botón
Buscar se encuentran los botones de expresión regular, de mayúsculas y minúsculas, de
selección y de palabra completa. El botón Usar Regex le permite buscar caracteres de
expresiones regulares como \n , \t , \r declaraciones /^[a-z0-9_-]{3,16}$/ regulares /^[a-z0-9_-
]{3,16}$/ . El botón Sensible a mayúsculas y minúsculas, cuando está activo, solo encontrará
cadenas con el mismo caso (mayúsculas). La opción Solo en la selección solo encontrará
instancias de la cadena en las secciones resaltadas del archivo. La opción Palabra completa
solo encontrará instancias delimitadas, no cuando la cadena sea parte de una porción más
grande. Al hacer clic en el botón Reemplazar, se tomará la primera instancia encontrada con el
método Buscar y se reemplazará con el contenido del campo Reemplazar (incluso si está vacío).
Al hacer clic en el botón Reemplazar todo, se reemplazarán todas las instancias encontradas
con el método Buscar y se reemplazarán todas a la vez con el contenido del campo reemplazar.

Lea Edición básica con el átomo en línea: https://riptutorial.com/es/atom-editor/topic/8717/edicion-


basica-con-el-atomo

https://riptutorial.com/es/home 15
Capítulo 3: Instalación y configuración
Observaciones
Para solucionar los errores que se producen con la compilación desde la fuente, consulte los
documentos de compilación .

Examples
Instalando Atom en Windows

Utilizando el instalador oficial


Descarga el instalador desde el sitio web oficial . Agregará automáticamente atom y apm (Atom
Package Manager) a su %PATH% .

Construyendo desde la fuente


Requisitos :

• Node.js 4.4.x o posterior


• Python 2.7.x
• 7zip
• Visual Studio (una de las versiones siguientes)
○Visual C ++ Build Tools 2015
○Visual Studio 2013 Update 5 (Edición Express o superior)
○Visual Studio 2015 (Community Edition o mejor)
• Git

Ejecute los siguientes comandos en el símbolo del sistema:

cd C:/
git clone https://github.com/atom/atom.git
cd atom
script/build

Instalando Atom en Mac

Instalar desde un zip


1. Descargue el archivo zip atom-mac.zip desde el repositorio de Atom GitHub aquí
2. Descomprima el archivo haciendo doble clic en él en Finder

https://riptutorial.com/es/home 16
3. Arrastra la aplicación Atom a tu carpeta de "Aplicaciones"
4. Ejecute la aplicación Atom.

Construyendo desde la Fuente


Requisitos:

• macOS 10.8 o superior


• Node.js 4.4x o posterior
• npm 3.10.xo posterior
• Xcode

Instalación:

git clone https://github.com/atom/atom.git


cd atom
script/build

Después de construir, instale con script/build --install

Instalando Atom en Linux

Instalación desde un paquete


Debian, Ubuntu, etc.

$ sudo dpkg -i atom-amd64.deb


$ sudo apt-get -f install

RedHat Enterprise, CentOS, Oracle Linux, Scientific Linux,


etc.

$ sudo yum install -y atom.x86_64.rpm

Fedora (gestor de paquetes DNF)

$ sudo dnf install -y atom.x86_64.rpm

SUSE (gestor de paquetes Zypp)

$ sudo zypper in -y atom.x86_64.rpm

https://riptutorial.com/es/home 17
Construyendo desde la Fuente
Requisitos :

• SO con arquitectura de 64 o 32 bits.


• C ++ 11 toolchain
• Git
• Node.js 4.4x o posterior
• npm 3.10.xo posterior
• Cabeceras de desarrollo de llavero de GNOME

Ejecuta los siguientes comandos:

git clone https://github.com/atom/atom.git


cd atom
script/build

Para obtener instrucciones específicas relacionadas con una sola distribución de Linux, lea estas
instrucciones.

Lea Instalación y configuración en línea: https://riptutorial.com/es/atom-


editor/topic/8686/instalacion-y-configuracion

https://riptutorial.com/es/home 18
Capítulo 4: Temas y Paquetes
Introducción
Los paquetes de Atom le permiten personalizar el editor a sus necesidades. Este tema explica
cómo se crean, publican e instalan los paquetes y los temas.

Examples
Descarga e instalación de paquetes y temas

Para ver los paquetes o temas instalados, la configuración abierta con Ctrl + y seleccione
cualquiera de los "paquetes" o pestaña "Temas" en la barra de navegación de la izquierda. Tenga
en cuenta que los paquetes o temas que instaló de otros editores se mostrarán en la sección
"Temas de la comunidad" y los temas preinstalados con Atom se mostrarán en la sección "Temas
principales".

Paquetes
1. Presiona Ctrl + , para abrir la pestaña de configuración
2. Seleccione el elemento "Instalar" en el panel de navegación izquierdo
3. Asegúrese de que el botón "Paquetes" esté seleccionado en la parte superior derecha

4. Use la barra de búsqueda en la parte superior para encontrar un paquete (por ejemplo file
icons )
5. Haga clic en el botón Instalar para descargar e instalar el paquete.

Para ver información sobre los paquetes y sus configuraciones, haga clic en el nombre del
paquete.

Busque paquetes de Atom en línea aquí .

Temas
La descarga e instalación de temas sigue un proceso similar al de los paquetes.

1. Presiona Ctrl + , para abrir la pestaña de configuración


2. Seleccione el elemento "Instalar" en el panel de navegación izquierdo

https://riptutorial.com/es/home 19
3. Asegúrese de que la opción "Temas" esté seleccionada por la barra de búsqueda.
4. Buscar un tema (ej. atom-sublime-monokai-syntax )
5. Haga clic en el botón instalar para descargar e instalar

Para ver información sobre los temas y sus configuraciones, haga clic en el nombre del tema.

Navega por los temas de Atom en línea aquí .

Utilice Atom Package Manager

APM es el gestor de paquetes nativo de Atom. Permite al usuario administrar paquetes y temas
sin tener que inicializar Atom. apm viene con la instalación oficial y se agrega automáticamente a
%PATH% si estás en Windows.

Para usar apm , vaya a Símbolo del sistema y escriba

$ apm <command>

Aquí está la lista de lo que puede hacer con este administrador de paquetes.

clean, config, dedupe, deinstall, delete, dev, develop, disable, docs,


enable, erase, featured, home, i, init, install, link, linked, links, list,
ln, lns, login, ls, open, outdated, publish, rebuild, rebuild-module-cache,
remove, rm, search, show, star, starred, stars, test, uninstall, unlink,
unpublish, unstar, update, upgrade, view.

Por ejemplo, si desea actualizar todos los paquetes de atom:

apm upgrade --confirm false

O si quieres instalar un paquete específico:

apm install <package_name>

Lea Temas y Paquetes en línea: https://riptutorial.com/es/atom-editor/topic/8687/temas-y-


paquetes

https://riptutorial.com/es/home 20
Creditos
S.
Capítulos Contributors
No

Empezando con el
1 Community, Pradana Aumars, Thomas Gerot
editor de atom

Edición básica con el


2 Thomas Gerot
átomo

Instalación y
3 Matthias Pfefferle, Pradana Aumars, Thomas Gerot
configuración

4 Temas y Paquetes Pradana Aumars, rscata, Thomas Gerot

https://riptutorial.com/es/home 21

También podría gustarte