Editor de texto gratuito . Atom

Editor de texto gratuito . Atom

Como no podía ser de otra forma, os voy a explicar a instalar un editor de texto gratuito. El Atom, el editor de texto que por lo que parece le hace la competencia al Sublime text (editor para desarrolladores, pero de pago.)

Este editor está desarrollado por y para desarrolladores web, por lo que si lo que estais buscando es un editor donde puedas ver el código y el diseño a la par, éste no es vuestro editor.

Para aquellos que encuentren muy avanzado este editor, os dejo éste artículo donde os hablan de los editores WYSYWIG,
que son aquellos donde podeís ver lo que vais haciendo (codigo-diseño). De éstos el editor gratuito es el: NVU

Dicho esto, vamos a instalar el editor de texto gratuito Atom

Pasos para instalar el editor de texto gratuito. Atom

  1. Descargamos el Atom desde su web

    Dependiendo de tu sistema operativo te lo carga por defecto

    Dependiendo de tu sistema operativo te lo carga por defecto

    Como veis la página detecta el sitema operativo que teneís. Darle al botón descargar.

    Dale a guardar

    Dale a guardar y ve a tu directorio de descargas

  2. Ejecutamos el archivo descargado

    Una vez descargado, ve al directorio de descargas, busca el programa y ejecútalo (hac clic sobre el)

    Busca el fichero Atomsetup y ejecútalo

    Busca el fichero Atomsetup y ejecútalo

    Dale al botón “Run”para comenzar

    Comienza la instalación. Dale a Run

    Comienza la instalación. Dale a Run

    El programa te advierte de que necesitas tener instalado el framework .net 4.5. Dale a instalar y continúa.

    Instalar el framework

    Instalar el framework.

    Al dar a instalar, te preguntará si quieres que el programa realice cambios en tu equipo. Dile que si y continua. Si tienes algún programa que utilice dicho framework, quizas te pregunte que los cierres para continuar.

  3. Reinicia y finaliza la instalación del Atom

    Una vez instalado, te pedirá que lo reinicies. Reinícialo y vuelve a ejecutar el programa Atom en el directorio descargas.
    Dale a Run de nuevo. En este punto al instalarlo, te aparece un mensaje donde te advierte de que se esta instalando.

    Atom se está instalando

    Atom se está instalando

    Al finalizar la instalación, se abre el programa directamente.

    Pagina de inicio del Atom

    Pagina de inicio del Atom

    En la página de bienvenida, te hace un pequeño resumen de lo que se puede hacer con el Atom (guía de bienvenida). Despliega cada una para aprender un poco de cada funcionalidad.

    Página de bienvenida Atom

    Página de bienvenida Atom

  4. Configuración del Atom. Primeros pasos

    Una vez instalado el Atom, vamos a configurarlo con lo que necesitemos. Para ello, abre el Atom.

    Ejecuta el Atom

    Ejecuta el Atom

    A continuación ve al menú superior Packages>Setting view>Install packages/Themes

    Ve al menu superior Packages

    Ve al menu superior Packages

    Escribe el packete que te interese. En mi caso voy a buscar el autocomple-html, que como su nombre indica, te ayuda a autocompletar el html según lo vas escribiendo.

    Auto complete HTML

    Auto complete HTML

    Una vez buscado, dale al botón instalar.
    Autocomplete-html-instalado

    Otro paquete que os puede ser útil para desarrollo web es el emmet. Repetimos la operación para activar la búsqueda ve al menú izquierdo Install y se activa el buscador de paquetes.

    Escribe Emmet.

    Instalando el Emmet para desarrollo Web

    Instalando el Emmet para desarrollo Web

    En fin, tenís un montón de paquetes desarrollados que os podéis bajar en función de vuestro trabajo, si queréis programar php, javascript etc. Os dejo un link donde os recomiendan alguno más.

Os dejo un vídeo, donde os explican el por qué es tan bueno este editor.

Eso es todo, espero que os resulte tan útil este programa como a mi. ¿Y tu que editor utilizas?

hello.cookyourweb

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *