UNIVERSIDAD JUÁREZ AUTÓNOMA DE TABASCO

DIVISIÓN ACADÉMICA DE CIENCIAS Y TECNOLOGÍA

DE LA INFORMACIÓN

21 de febrero de 2023 Los Mejores 3 IDE

para el desarrollo web
Trabajo #1

Asignatura:
Desarrollo de Aplicaciones web

Profesor:
Julián Javier Francisco León

Equipo #2
202H17147 - Carlos Yahir Castillo Nabor
202H17104 – Luis Eduardo Ramos Cabrera

NO DE PAGINA: 11
CUNDUACAN, TABASCO
Índice

Introducción ............................................................................................................. 2

Visual Studio Code (VSCode). ................................................................................ 4

Características de Visual Studio Code. .................................................................................... 4

Lenguajes que soporta VS Code. .............................................................................................. 5
Ventajas y Desventajas ............................................................................................................... 5
Atom. ....................................................................................................................... 6

Aspectos y características de Atom. ......................................................................................... 6

Lenguajes que soporta Atom...................................................................................................... 8
Ventajas y Desventajas. .............................................................................................................. 8
Sublime Text. .......................................................................................................... 9

Características de Sublime Text. ............................................................................................... 9

Ventajas y Desventajas ............................................................................................................. 10
Conclusión............................................................................................................. 12

Referencias ........................................................................................................... 13

1
Introducción

En la comunidad de desarrolladores web, hay una amplia gama de herramientas y

tecnologías a su disposición para crear y desarrollar sitios web y aplicaciones. Una
de las herramientas más importantes para los desarrolladores es un editor de
código, que les permite escribir, depurar y organizar su código.

Entre los editores de código más utilizados en la comunidad de desarrolladores web,

están Visual Studio Code (VSCode), Sublime Text y Atom.

Visual Studio Code (VSCode) es un editor de código gratuito y de código abierto

desarrollado por Microsoft. Es una de las opciones más populares entre los
desarrolladores web debido a su gran cantidad de características, incluyendo
integración con Git, soporte para diferentes lenguajes de programación y una amplia
gama de extensiones disponibles. Con VSCode, los desarrolladores pueden
escribir, depurar y probar su código de una manera rápida y eficiente. Además, la
interfaz de usuario es intuitiva y fácil de usar, lo que la hace una buena opción para
los desarrolladores que buscan una solución completa y accesible.

Sublime Text es un editor de código comercial, pero cuenta con una versión de
evaluación gratuita. Sublime Text es conocido por su velocidad y la capacidad de
manejar grandes cantidades de código de manera eficiente, lo que lo hace una
buena opción para los desarrolladores web. Además, cuenta con una gran cantidad
de características útiles, como la capacidad de buscar y reemplazar en múltiples
archivos, y una interfaz de usuario limpia y intuitiva.

Atom es un editor de código de código abierto desarrollado por GitHub. Atom es

conocido por su gran personalización y la capacidad de colaborar con otros
desarrolladores en tiempo real, lo que lo hace una buena opción para los equipos
de desarrolladores web. Atom es una plataforma altamente personalizable, lo que
permite a los desarrolladores personalizar su experiencia de edición de código para
adaptarse a sus necesidades específicas. Además, Atom cuenta con una amplia
comunidad de desarrolladores y usuarios que han creado una gran cantidad de
paquetes y extensiones para mejorar la funcionalidad y productividad.

2
En resumen, Visual Studio Code, Sublime Text y Atom son tres de los editores de
código más populares en la comunidad de desarrolladores web. Cada uno de ellos
tiene sus propias fortalezas y debilidades, por lo que depende de las necesidades y
preferencias de cada desarrollador el elegir el mejor editor para su trabajo. Sin
embargo, los tres ofrecen una gran cantidad de funciones y herramientas para
cumplir las necesidades de los desarrolladores web.

3
Visual Studio Code (VSCode).

Es un editor de código fuente desarrollado por Microsoft. Es

un software libre y multiplataforma, está disponible para
Windows, GNU/Linux y macOS. VS Code tiene una buena
integración con Git, cuenta con soporte para depuración de código, y dispone de un
sinnúmero de extensiones, que básicamente te da la posibilidad de escribir y
ejecutar código en cualquier lenguaje de programación.

Para tener una idea de la popularidad de Visual Studio Code y la aceptación que ha
tenido en el mundo de desarrollo podemos consultar datos. Según una encuesta
realizada por Stack Overflow a más de 80,000 desarrolladores en mayo del 2021,
Visual Studio Code es el entorno de desarrollo más usado y con mucha diferencia,
un 71,06%.

Características de Visual Studio Code.

VS Code tiene una gran variedad de características útiles para agilizar el trabajo,
que lo hacen el editor preferido por muchos (incluyéndome) para trabajar proyectos
complejos o comenzar con las primeras líneas de código (ejemplo, “hola mundo”).

Una de las primeras características consiste en la multiplataforma. Es una

característica importante en cualquier aplicación que queremos utilizar y más si es
para llevar a cabo el desarrollo en diferentes equipos. Visual Studio Code esta
destinado en ser utilizado en varios sistemas operativos conocido: Windows,
GNU/Linux y macOS. El siguiente rasgo distintivo es IntelliSense y esta se
relaciona con la edición de código, autocompletado y resaltado de sintaxis, lo que
nos permite ser más ágil a la hora de escribir un código. Esta función proporciona
sugerencias de código y terminaciones inteligentes en base de tipos de variables,
funciones, ciclos, etc.

4
Posteriormente, la depuración nos ayuda a detectar errores de código, de esta
manera nos evitamos tener que revisar línea por línea a puro ojo humano encontrar
los errores. Gracias a esto, nos muestra que línea de código existe algún error o en
la terminal que incluye VS Code, nos menciona que numero de línea tiene conflicto
con el resto del código, en ocasiones gracias a las Extensiones que incluye este
IDE, podemos instalar uno que nos muestren en color algún error de línea, diseño
y aspecto en la plataforma, cambio de idioma, autocompletar la sintaxis o el uso de
variables, agregar funcionalidades adicionales de forma modular y asilada.
Realmente las extensiones nos permiten tener una mejor experiencia, y lo más
importante, no afecta el rendimiento del editor.

Por último, VS Code tiene Uso de control de versiones con compatibilidad en Git,
por lo que puede revisar diferencias o lo que conocemos con Git diff, organizar
archivos, realizar commits desde el editor, y hacer push y pull desde cualquier
servicio de gestión de código fuerte (SMC).

Lenguajes que soporta VS Code.

VS Code, soporta los lenguajes más conocidos en la actualidad, como: C, C++,

Java, Python, HTML, CSS, JavaScript, JSON, Less, Sass, C#, TypeScript, Batch,
Closure, Coffee Script, DockerFile, F#, Go, Jade, HandleBars, Ini, Lua, Makefile,
Markdown, Objective-C, Perl, PHP, PowerShell, R, Razor, Ruby, SQL, Visual Basic
y XML.

Ventajas y Desventajas

Ventajas Desventajas
• Es gratuito y de código abierto • Puede ser lento en proyectos
• Es altamente personalizable grandes

5
 • Es compatible con varios • Requiere conocimiento técnico
lenguajes de programación para personalizar
• Tiene una gran comunidad • La interfaz de usuario puede ser
• Es compatible con varias confusa
plataformas • Puede tener problemas de
estabilidad

Atom.

Atom es un editor de código de fuente abierta para

macOS, Linux, y Windows con soporte para plug-ins
escrito en Node.js, incrustando Git Control, desarrollado
por GitHub.

El IDE consta de una aplicación de escritorio construida utilizando tecnologías web.

La mayor parte de los paquetes tienen licencias de software libre y es construido y
mantenido por su comunidad. Atom está basado en Electrón (Anteriormente
conocido como Atom Shell), un framework que permite aplicaciones de escritorio
multiplataforma usando Chromium y Node.js. Está escrito en CoffeeScript y Less.
También puede ser utilizado como un entorno de desarrollo integrado (IDE). Atom
liberó su beta en la versión 1.0, en 2015. Sus desarrolladores lo llaman un "Editor
de textos hackable para el siglo XXI".

Aspectos y características de Atom.

1. Diseñado para la web

Accede a tu instalación de Atom desde cualquier lugar donde haya acceso a
Internet. Todas las funciones principales de Atom se pueden controlar desde

6
 un navegador y los requisitos en el lado del usuario son mínimos. Instala
Atom en un servidor y accede desde cualquier parte del mundo.

2. Software libre
Todo el código que forma parte de Atom es distribuido bajo los términos de
la licencia GNU Affero General Public License (A-GPL 3.0), dándote toda la
libertad para estudiarlo, modificarlo, mejorarlo y distribuirlo. Creemos que una
parte importante del acceso es la accesibilidad, cualquier persona debería de
tener acceso a las herramientas que te permiten preservar los materiales
culturales del pasado. El código de Atom está disponible de manera gratuita
y libre y toda la documentación es distribuida bajo los términos de la licencia
Creative Commons Share-alike. ¡Descubre nuestro repositorio público!

3. Importación/Exportación
Tus datos nunca se quedarán bloqueados dentro de Atom – implementamos
varios estándares de intercambio de metadatos para facilitar una importación
y exportación fácil a través de la interfaz de usuario de Atom. También
soporta actualmente los siguientes formatos de importación/exportación:
EAD, EAC-CPF, CSV y SKOS. Más información en nuestro manual de
usuario.

4. Multilingüe
Todos los elementos de la interfaz de usuario y los contenidos de la base de
datos pueden ser traducidos en múltiples idiomas gracias a la herramienta
de traducción incluida. Las traducciones iniciales han sido realizadas
generosamente por voluntarios.

5. Multirepositorio
Diseñado para trabajar con una institución y sus descripciones archivísticas
o bien en entornos multi-institucionales (red, portal) aceptando descripciones
para un número ilimitado de instituciones. Atom es suficientemente flexible

7
 para acomodarse a tus necesidades. Echa un vistazo a la lista de usuarios
para tener una idea de las diferentes formas en las que nuestro producto es
utilizado.
6. Mejorando constantemente
Atom es un activo proyecto de código abierto con un amplio número de
usuarios. Estamos constantemente trabajando junto con la comunidad de
usuarios para mejorar la aplicación, todas las mejoras son publicadas. Esto
significa que cualquier contribución individual beneficiará al resto de
usuarios.

Lenguajes que soporta Atom.

Atom es compatible con todos estos lenguajes: HTML, CSS, Less, Sass, GitHub,
C/C++, C#, Va, Java, Objetivo-C, Javascript, JSON, CoffeeScript, Python, PHP,
Ruby, Shell Script, Clojure, Perl, Git, Property List(Apple), TOML, XML, YAML,
Mustache, Julia & SQL.

Ventajas y Desventajas.

Ventajas
• Es personalizable.
• Atom en modo desarrollador.
• Integración con Git y Gittlub.
• Edición multiplataforma.
• Con él es más fácil añadir
funcionalidades extras
extensiones.
Desventajas
• Problemas de rendimiento ya
que puede ser a veces lento.
• Navegar entre pestañas o abrir
un archivo el tiempo puede llegar
ser un poco superior.
con

8
Sublime Text.

Es un editor de texto para escribir código en casi

cualquier formato de archivo. Está especialmente pensado para escribir sin
distracciones. Es decir, que visualmente ofrece un entorno oscuro donde las líneas
de código que escribas resaltarán para que puedas centrarte exclusivamente en
ellas. De una forma sencilla podemos decir que Sublime Text, es un editor de texto
ligero, pensado desde un inicio en la velocidad, haciéndolo uno de los editores de
texto más rápido y fácil de usar. Además de la velocidad se tiene más de 1000 de
plugins adicionales y todos de código abierto, con una comunidad de
desarrolladores que día a día contribuyen desarrollando nuevos plugins los cuales
proveen de más funcionalidad a este programa.

Sublime Text es multiplataforma, disponible para Linux, Windows y XO S. Es un

programa de pago, la licencia individual cuesta 70$ aunque se puede descargar una
versión de prueba que tiene tiempo ilimitado. Es un editor que puede ser muy
personalizado, aunque por defecto tiene un fondo negro con las palabras
reservadas por el lenguaje tienen un color distinto al resto y todas llamativas, gracias
a esto, hace que aumente la concentración a la hora de escribir código.

Características de Sublime Text.

Una de las características más apreciadas de Sublime Text Editor es su

simplicidad. Posee una interfaz limpia y sencilla que no muestra barras de
herramientas y diálogos de configuración. Sin embargo, esto no quiere decir que
carezca de funciones pues posee plugins, funciones de autocompletado, entre
otras. Su interfaz se divide en pestañas, esto implica que puedes abrir muchos
archivos

9
Tiene una característica llamada “Minimapa” que te permite saber qué parte de tu
archivo estás viendo en ese momento. Esta característica hace sencilla la
navegación, pero si no te gusta puedes desactivarla.

Asimismo, con Sublime Text Editor puede fijar colores para tu código dependiendo
del lenguaje que estés empleando. No sólo puedes personalizar el aspecto de tus
códigos, sino también el aspecto de la interfaz ya que Sublime Text Editor viene con
muchos temas y colores disponibles.

Además, el sistema de resaltado de sintaxis de Sublime Text soporta un gran

número de lenguajes (C, C++, C#, CSS, D, Erlang, Groovy, Haskell, HTML, Java,
JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python, R,
Ruby, SQL, TCL, Textile and XML). Puedes utilizar su herramienta ortográfica que
revise errores en tu código mientras tú sigues escribiendo tus códigos, de modo que
ahorras tiempo.

Su característica de Autocompletado hace que programar sea más sencillo y rápido.

Te ofrece una lista de palabras posibles de acuerdo con palabras que hayas
empleado anteriormente. Asimismo, Sublime Text Editor posee una característica
de resaltado para HTML, CSS, Java, PHP y muchos otros lenguajes.

Ventajas y Desventajas

Ventajas
• Muy liviano, fácil de instalar y
tiene una versión portable.
• Resalta todo tipo de lenguaje
con colores para visualmente
detectar fallos a simple vista.
• Para aprender es una buena
opción, porque te ayuda, pero no
te lo da todo hecho.
Desventajas
• Al principio es difícil de prender y
configurar.
• Aún posee algunos fallos.
• La configuración avanzada es un
poco complicada para quien no
lo ha dominado.
• No es gratuito.

10
• Funciona tanto en Windows • No es una herramienta visual,
como en Mac y Linux. sino un editor de texto clásico
(como Vim).

11
Conclusión.

La elección del editor de código principal depende de las preferencias personales

del desarrollador y de las características que mejor se adapten a sus necesidades.
Sin embargo, Visual Studio Code se ha convertido en uno de los editores de código
más populares y ampliamente utilizados en la comunidad de desarrolladores debido
a sus muchas características avanzadas y su gran cantidad de extensiones
disponibles.

VS Code ofrece un excelente soporte para la edición de código con resaltado de

sintaxis, sugerencias de autocompletado, refactorización de código y herramientas
de depuración integradas. Además, la interfaz de usuario intuitiva de VS Code lo
hace fácil de usar y aprender, y las múltiples opciones de personalización le
permiten a cada desarrollador personalizar su experiencia de edición de código a
sus necesidades.

Además, VS Code es un editor de código gratuito y de código abierto, lo que significa

que cualquier desarrollador puede descargarlo y usarlo sin costo alguno, y contribuir
a la mejora de su funcionalidad y características. Por estas razones, VS Code se ha
convertido en una herramienta esencial en la caja de herramientas de muchos
desarrolladores web y sigue siendo una excelente opción para aquellos que buscan
un editor de código avanzado y altamente personalizable.

12
Referencias

atom. (19 de febrero de 2023). Obtenido de https://www.accesstomemory.org/es/

Briiceñoo, R. (19 de febrero de 2023). Scribd. Obtenido de

https://es.scribd.com/document/258617235/Sublime-Text-docx

EDITOR SUBLIME TEXT. (19 de febrero de 2023). Obtenido de

https://editorsublimetext.blogspot.com/2020/11/ventajas-y-desventajas-del-editor-
de_97.html

Flores, F. (19 de febrero de 2023). OpenWebinars. Obtenido de

https://openwebinars.net/blog/que-es-visual-studio-code-y-que-ventajas-
ofrece/#:~:text=Visual%20Studio%20Code%20(VS%20Code,%2C%20GNU%2FLinux%20y%
20macOS.

GENBETA. (09 de febrero de 2012). Obtenido de

https://www.genbeta.com/herramientas/sublime-text-un-sofisticado-editor-de-codigo-
multiplataforma

Hernández, L. d. (19 de febrero de 2023). Programarfacil.com. Obtenido de

https://programarfacil.com/blog/visual-studio-code-de-codigo-abierto/

OpenBootcamp. (19 de febrero de 2023). Obtenido de https://open-bootcamp.com/aprender-

programar/tipos-de-ide-atom

SEIDOR. (19 de febrero de 2023). Obtenido de https://www.drauta.com/atom-un-ide-para-el-

desarrollador-web

13