Análisis Comparativo Editores Web

CARRERA DE PEDAGOGÍA DE LA INFORMÁTICA
ASIGNATURA: Desarrollo Web y Sistema de Gestión de Contenidos

DOCENTE: Ing. Geonatan Octavio Peñafiel Barros
TIPO DE ACTIVIDAD: Docencia Práctica Autónoma

DETALLE_ACTIVIDAD: Análisis Comparativo de los diferentes editores de código
fuente para el Desarrollo web
ASIGNATURA: Desarrollo web y Sistema de Gestión de Contenidos
REALIZADO POR:
SEMESTRE: Sexto
FECHA_ENVIO:
TÍTULO: Editores de Código
Análisis comparativo de los diferentes editores de

código fuente para el desarrollo web
Este trabajo consiste en realizar una investigación de los diferentes editores de código
fuente para el desarrollo web que se encuentran en el mercado.
Objetivos
Con esta actividad conocerás los diferentes editores que se encuentran en el mercado para
el desarrollo web
Instalar por los menos tres editores para el desarrollo web y Generar un análisis
comparativo entre los diferentes entornos, sus ventajas y desventajas.
Extensión máxima: 12 páginas (de contenido, no se contabilizan posibles añadidos como

portadas, índices, etc.), fuente Calibri 12 e interlineado 1,5.
Visual Studio Code o Sublime Text – ¿Que editor es mejor?
Tanto si estás comenzando como si eres un programador con algo de experiencia, la

elección del editor no es algo trivial. No es que existe el mejor editor de texto del mundo,
sino el que nos permita hacer el mejor trabajo y en donde nos sintamos más productivos.
En este artículo vamos a comparar detalladamente los dos editores de código más
populares que existen: Visual Studio y Sublime Text.
¿Qué es Visual Studio?

Visual Studio (su editor de texto se lo conoce como Visual Studio Code) es un editor gratuito
de Microsoft que corre tanto en Windows, como en Linux y Mac. No es muy nuevo, ya que
se trata de un nuevo integrante en el sector.
Microsoft lanzo su producto a finales de 2015 en una versión preview, haciendo público su
código en GitHub. Finalmente, en abril d 2016, hizo en lanzamiento general.
A pesar de ser tan nuevo, Visual Studio Code gano una enorme popularidad entre los
desarrolladores, obteniendo el premio al mejor entorno de desarrollo del 2018 en la
encuesta que hace todos los años Stack Overflow.
Interfaz
Más características
Lo interesante de Visual Studio Code es que nos permite trabajar con una gran variedad de
lenguajes, los cuales solo debemos instalar. En mi caso, utilice para el ejemplo Python, pero
podríamos instalar la extensión para C# o CSS a través de su «Mercado de Extensiones».
Depuración
Si estamos aprendiendo a programar, seguro que tenemos ejercicios en donde intentamos

romper el código y luego lo intentamos reparar, o simplemente el código no funciona bien
porque así es esto.
Una forma de corregirlo es leer cada línea hasta que encuentres el error o hasta que tus ojos
se te caigan, lo que ocurra primero. Por suerte Visual Studio Code incluye la función de
depuración, o debugging, que puede ser de mucha ayuda para detectar un error antes de
que uno de tus ojos caiga por la escalera.
Para usar esta función debemos correr la aplicación con F5 en la ventada de nuestro código
o simplemente ir al menú «Debug». Podemos crear puntos de ruptura, los cuales son
puntos en donde la aplicación se detiene automáticamente.
Incluso Visual Studio Code puede detectar automáticamente errores menores antes de
correr el código y llevarnos hasta ahí para que los solucionemos.
Intellisense
A la hora de aprender a programar, siempre nos vamos a topar con obstáculos que no
sabemos como solucionar. Por suerte existe Google y distintas páginas como Stack Overflow
donde todas nuestras consultas se encuentra resultas.
Aunque algo mejor que esto es tener dentro de nuestro entorno de desarrollo las soluciones
a nuestros problemas. Microsoft la ha creado y le ha puesto el nombre de «Intellisense».
Esta herramienta analiza semánticamente lo que estamos escribiendo y nos sugiere como
terminar. Podemos acceder a toda una serie de complementos diferentes a través de
Intellisense, incluyendo sugerencias del servidor de idiomas, fragmentos y complementos
textuales basados en palabras.
Este está disponible en los lenguajes más comunes de programación, incluyendo HTML, CSS
(ya sé que no lo es), JavaScript. En caso de que necesitemos otros, siempre podemos
instalarlos a través de extensiones.
Otras cuestiones
Visual Studio tiene una gran variedad de características muy útiles que te ayudaran a través
de tu viaje en la programación, como ayudas visuales en el código y trucos para acelerar tu
trabajo. Aquí te dejo algunas:
• Soporte para fragmentos de código: Esto le permite crear un catálogo de pequeñas

partes de código reutilizable, que puede insertar en cuerpos de código más grandes.
• Función «Ir a»: Permite encontrar rápidamente símbolos, archivos, líneas y
definiciones.
• Resaltado de sintaxis: Muestra el código en diferentes colores y fuentes según el
tipo de lenguaje de codificación utilizado.
Resumen de Visual Studio Code

Desde que tengo uso de razón que utilizo las soluciones de Microsoft, como lo es Office, por
lo que me resulta muy familiar todos los productos que crean. Esto es algo que también
ocurre con Visual Studio Code.
Si eres nuevo en la programación y necesitas algo que sea fácil de usar, entonces VS Code es
una muy buena opción. Todo te resultará fácil de aprender con él, incluido los comandos.
Aunque si eres alguien experto, quizás te gustara saber que hay otras alternativas con
funciones más avanzadas.
¿Qué es Sublime Text (versión 3)?

Sublime Text, desarrollado por un antiguo ingeniero de Google, fue creado en 2007. La
primera gran diferencia con Visual Studio Code (VSC) es que tiene un coste de licencia de 80
dólares, aunque tiene una versión de prueba gratuita.
Al igual que VSC, funciona en Windows, Linux y macOS, y es el cuarto entorno de desarrollo
más popular en 2018 según StackOverflow.
La última versión de Sublime Text, que es la 3, estuvo en fase beta durante más de cuatro
años, desde enero de 2013 hasta que se lanzó al público en septiembre de 2017.
Interfaz
Cuando abrimos Sublime Text por primera vez, encontramos un editor de texto sin muchas
distracciones. No hay barra lateral, ni opciones de búsqueda, ni opción que te lleve
directamente a la barra lateral de la extensión.
Ofrece un diseño centrado en ayudarte a concentrar en la parte de códificar. Hay un

pequeño minimapa en la esquina superior derecha, el cual te sirve para darle una vista
rápida a todo el código.
La aplicación abre bastante rápido en comparación con Visual Studio Code y, si quieres
comenzar rápido, este es tu editor de texto. Sin embargo, si eres nuevo en el mundo de los
editores de texto, las demás características y funcionalidades son más difíciles de encontrar.
La mayor parte de lo que necesitas está en los menús de la parte superior, pero también
querrás llamar a la Paleta de Comandos (más adelante) desde el menú Herramientas para
llegar más rápidamente a lo que necesitas.
Más características
Si queremos obtener el máximo provecho de Sublime Text, entocnes debemos instalar
plugins adicionales que nos den funcionalidades extra. Para ello, necesitas instalar Package
Control, que veremos a continuación.
Package Control
Package Control es similar al mercado de extensiones de Visual Studio, pero no lo tenemos
disponible de primera mano.
Hay muchos paquetes (o plugins) disponibles para los que se inician en la programación,
como un paquete de inicio para C++, un paquete que ayudarnos a completar líneas de
Python (un poco como Intellisense en Visual Studio), y Emmet, que ayuda a escribir HTML y
CSS más rápido al permitirte usar abreviaturas, que se expanden automáticamente.
Paleta de Comandos
A la hora la paleta de comandos, podremos encontrar y navegar hasta cualquier comando
mucho más rápido que si tuvieramos que buscarlo en los menús. Podemos acceder a casi
todo, y la Paleta de comandos también se autocompletará por nosotros, así que si no
estamos seguro de lo que buscas exactamente, te sugerirá algunas opciones.
Por ejemplo, si estamos trabajando en un proyecto y necesitamos añadir rápidamente una

nueva carpeta, o guardar el proyecto en el que estamos trabajando, podemos obtener
rápidamente esa opción. O si queremos crear fragmentos sin tener que navegar por los
menús, también es algo posible de hacer.
Para acceder a la Paleta de Comandos, todo lo que debemos hacer es pulsar ctrl + shift + p
(o su variante en Mac).
Funcionalidad Ir a
Hay un menú en Sublime Text dedicado a toda la funcionalidad de «Ir a» dentro de este
editor de texto. Se trata de una versión mucho más completa del menú «Ir a» de Visual
Studio.
Otros de los aspectos más destacados son Goto Symbol (que forma parte de Sublime Text
3), el cual te permite encontrar fácilmente ciertos caracteres o símbolos en el código. Un
ejemplo es buscar todas las etiquetas H1 dentro de un archivo.
Proyectos
La caractersitica de Proyectos se refiere a una forma de organizar las carpetas y los archivos
dentro de Sublime Text. Significa que todas las carpetas y archivos se almacenan en un lugar
y son rápidamente accesibles desde la barra lateral tan pronto como abres el proyecto, en
lugar de tener que seguir abriendo manualmente más archivos. También significa que
puedes buscar (rápidamente) en todos los archivos de un proyecto a la vez.
Solo puedes tener un proyecto abierto en un espacio de trabajo a la vez, así que si quieres
cambiar de proyecto, tienes que seleccionar la opción «Cambiar de proyecto».
Visual Studio tiene una función similar llamada «Espacios de trabajo», que permite abrir y
trabajar en varios archivos a la vez.
Otras cuestiones
Sublime Text también tiene otras características que son pequeñas como para tener su
propia sección, pero que valen la pena mencionar aquí. Esto incluye:
• Snippets: Funcionan de la misma manera que con Visual Studio, pero también
podemos crearlos o instalar más desde las extensiones.
• Multi-edición: Cuando se presiona ctrl + d, todas las instancias de la palabra o el
comando en el que se encuentra actualmente serán resaltadas dentro del archivo,
también se puede presionar ctrl + f para encontrar y reemplazar palabras.
Resumen de Sublime Text 3

Sublime Text es un editor de texto rápido y minimalista, que se encarga de organizar y
buscar en el código que has escrito, y de poder saltar fácilmente a cualquier función o
símbolo de forma rápida.
Su funcionalidad «Ir a» y los numerosos atajos de teclado facilitan a los desarrolladores

experimentados la navegación y la escritura y búsqueda de código sin tener que apartar las
manos del teclado. Para los más novato, estas funciones pueden ser intimidantes. Mejor
concentrarse en lo que tiene que ver con la programación primero.
Sublime Text no incluye una opción de depuración, lo que podría ser un problema para los
desarrolladores que requieren esta funcionalidad.
Visual Studio Code vs Sublime Text ¿Cuál es mejor?

Visual Studio podría clasificarse como un entorno de desarrollo integrado (IDE), porque
permite a los programadores tanto escribir como probar el código. Sublime Text, en cambio,
es «sólo» un editor de texto, y uno muy bueno, porque se centra en ofrecer la forma más
rápida de organizar y escribir el código, pero sin capacidad para probarlo (depurarlo).
Otra gran diferencia entre Visual Studio Code y Sublime Text es el soporte que proporciona
Microsoft en comparación con Sublime Text. Microsoft ha creado grandes cantidades de
documentación explicando casi todas las características y cómo utilizarlas, así como post en
blogs y tutoriales en vídeo para ayudar a los usuarios a comenzar a utilizarlo.
Sublime Text ofrece una documentación más difícil de encontrar, un blog que explica las
características de la última versión y un foro. Pero no mucho más que eso. tenemos que
valernos de la comunidad.
Sublime Text es rápido y fácil de escribir código y navegar por él cuando sabes lo que estás
haciendo. Visual Studio proporciona más ayuda y es una gran opción por su funcionalidad
de depuración, pero puede ralentizar a algunos programadores experimentados y rápidos a
la hora de programar.
Existe un gran debate entre los programadores sobre el «mejor» editor de texto que existe,
pero, aunque todos tienen sus preferencias personales, algo que puede cambiar con el
tiempo, no existe un entorno de desarrollo único.
La mejor opción es descargar y probar cada uno de ellos y ver cuál tiene las características
que necesitas y con cuál te llevas mejor. Quizas puedas comenzar con Visual Studio cuando
estas aprendiendo y mudarte a Sublime Text cuando ya te sientas más comodo.
Visual Studio Code vs Notepad++ – ¿Cuál es mejor?
Visual Studio Code es la alternativa parra construir y depurar software de Microsoft, tanto
para modernas páginas web como para aplicaciones para teléfonos móviles y ordenadores.
Pero la pregunta que vamos a resolver hoy es si esta es capaz de vencer al editor de código
por excelente que es Notepad++. Quédate para averiguarlo que aquí veremos la
comparativa más extensa entre estas dos alternativas.
¿Qué es Notepad++?
Notepad++ fue creada para ser el reemplazo del editor de texto Notepad que podemos
encontrar en nuestro ordenador con Windows. Fue lanzada en el año 2003, y desde
entonces se ha vuelto una herramienta muy importante para los desarrolladores que
utilizan el sistema operativo de Microsoft para crear aplicaciones.
Las principales características de Notepad++ tienen que ver con su poderoso resaltador de
código fuente, formateo de código, coincidencia de corchetes y paréntesis y compatibilidad
con prácticamente todos los lenguajes de programación que existen.
Desde que fue lanzado hace unos cuantos años, no ha hecho más que integrar más
funcionalidades, incluyendo plug-ins, trabajo con archivos por FTP, macros y la habilidad de
manipular la codificación y el formato de las cadenas.
¿Qué es Visual Studio Code?

Visual Studio ha sido la herramienta de desarrollo de Microsoft desde hace mucho tiempo.
La primera versión fue lanzada en 1997 para poder trabajar con Visual Basic y Visual C++.
Hasta que Visual Studio 2008 fuera lanzado, la herramienta era bastante costosa, lo cual la
hacía solo accesible para grandes organizaciones o personas que tuviera la capacidad de
pagar lo que valía.
Con la llegada de la versión 2008, Microsoft también puso a disposición de los

desarrolladores una versión que era completamente gratis. Quizás no tenía todas las
herramientas de la versión Professional o Enterprisee, pero era un gran paso.
El lanzamiento de Visual Studio Code tenía dos objetivos principales.
El primero de ellos tenía que ver con el framework .Net Core 1.0, que es una plataforma
independiente y de código abierto, lo cual hacia posible que los usuarios de otros sistemas
operativos, como Mac y Linux, pudiera trabajar con su herramienta.
En segundo lugar, intentar conseguir una parte del mercado que tiene que ver con los
desarrolladores de código abierto.
Comparativa entre Visual Studio Code y Notepad++

Veamos una comparación de los dos para ver sus principales características y lo que
ofrecen.
La tabla nos cuentan que en la cantidad de lenguajes soportados es Notepadd++ la que se

lleva el premio como la mejor. Aunque esto no es tan importante debido a que ambos son
capaces de trabajar con los lenguajes más usados a día de hoy.
Aun así, si bien hay muchos lenguajes que no están listados, esto no significa que no puedan
leerlos. Y es que al final cualquier editor de texto puede abrir archivos de código fuente, la
diferencia son esas características para hacernos la vida más fácil a la hora de editar uno.
Integración del control de fuentes

El control de fuentes son ese conjunto de herramientas diseñadas para mantener las
versiones de los archivos fuente de las aplicaciones en un repositorio y la sincronización
entre desarrolladores.
El uso del control de fuentes permite versionar los archivos y registrar los cambios en los
documentos y archivos fuente. También permite que grandes equipos trabajen
simultáneamente en los mismos archivos y que los cambios se fusionen automáticamente.
Notepad++ por defecto no soporta ningún sistema de control de código fuente, aunque hay
plugins disponibles para un soporte limitado de SVN.
Por otro lado, Visual Studio Code es compatible de forma nativa con GitHub, uno de los tres
principales sistemas de control de fuentes, y una de las dos soluciones gratuitas más
utilizadas.
Tareas en general
Ambos editores hacen un buen trabajo en lo que respecta a la edición, mientras que
Notepad++ tiene la ventaja en rendimiento y velocidad, Visual Studio Code tiene un poco
más de flexibilidad e Intellisense hace que la escritura de código sea mucho más rápida.
Mientras que Notepad++ tiene una forma de autocompletar lo que escribimos, no es ni de

lejos tan buena como cabría esperar.
Con Notepadd++ generalmente no hay ayuda incluida, tu mejor opción es buscar en Google
si no sabemos como hacer algo, pero dicho esto no hay muchas veces que te quedes
atascado con Notepad++, ya que es bastante simple de usar.
Depuración
Ambos editores cuentan con la capacidad de depurar código. Pero en el caso de Notepad++,
esta necesita de la instalación de varias extensiones, y estas son creadas por terceros, lo
cual en el mejor de los casos tienen algún que otro error.
Visual Studio Code, por otro lado, tiene soporte de depuración integrado en tiempo de
ejecución para Node.js y puede depurar JavaScript, TypeScript y cualquier otro lenguaje que
se transpire a JavaScript.
También puede depurar otros lenguajes incluyendo PHP, Ruby, C# y Python con el uso de las
extensiones de depuración que son mucho más confiables.
Los paneles de error y advertencia en Visual Studio Code son también una gran
característica, ya que nos informará al instante de los errores antes de cargar o probar en un
navegador.
Rendimiento
Como dijimos antes, Notepad++ se inicia y responde mejor que Visual Studio Code. Me
encanta la posibilidad de trabajar con mis archivos y empezar a editar sin tener que esperar
a que se cargue el IDE, luego ordenar los plugins y las extensiones, y finalmente mostrar el
archivo de código.
El uso de la memoria en Visual Studio Code es también bastante alto, ya que carga en un
montón de características adicionales que pueden no ser necesarias, especialmente en
node.js y la integración con Gulp.
Extensiones
Ambos editores de código tienen la capacidad de cargar extensiones y plugins, y aquí es
donde Visual Studio Code toma la delantera.
Las extensiones en Notepad++ suelen descargarse del sitio web en formato zip, donde se
descomprime la DLL en la carpeta correcta del directorio de Notepad++. A veces se carga a
la primera, otras veces es necesario copar archivos adicionales en tu perfil de usuario.
Visual Studio Code, por otro lado, es mucho más refinado y cuenta con una tienda de
plugins donde puedes descargar e instalar extensiones con un solo clic.
Conclusión
Para alguien experimentado, Notepadd++ sigue siendo la mejor opción para editar código. Si
bien Visual Studio Code tiene muchas características, no siempre vamos a hacer uso de
ellas.
Otro punto a favor de Notepadd++ es la portabilidad, lo que nos permite llevarlo en un

pendrive a cualquier lugar que vayamos.
Eso si, si estamos empezando, Visual Studio Code es una gran alternativa donde tenemos
muchas facilidades para comenzar a ingresar código y practicar. Si no estamos interesados
en el rendimiento y preferimos algo que nos ayude a volvernos mejores programadores,
entonces esta es una opción más que válida.

Análisis Comparativo Editores Web

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Análisis Comparativo Editores Web

Cargado por

Copyright:

Formatos disponibles

CARRERA DE PEDAGOGÍA DE LA INFORMÁTICA

ASIGNATURA: Desarrollo Web y Sistema de Gestión de Contenidos

TIPO DE ACTIVIDAD: Docencia Práctica Autónoma

Análisis comparativo de los diferentes editores de

Extensión máxima: 12 páginas (de contenido, no se contabilizan posibles añadidos como

Visual Studio Code o Sublime Text – ¿Que editor es mejor?

Tanto si estás comenzando como si eres un programador con algo de experiencia, la

¿Qué es Visual Studio?

Si estamos aprendiendo a programar, seguro que tenemos ejercicios en donde intentamos

• Soporte para fragmentos de código: Esto le permite crear un catálogo de pequeñas

Resumen de Visual Studio Code

¿Qué es Sublime Text (versión 3)?

Ofrece un diseño centrado en ayudarte a concentrar en la parte de códificar. Hay un

Por ejemplo, si estamos trabajando en un proyecto y necesitamos añadir rápidamente una

Resumen de Sublime Text 3

Su funcionalidad «Ir a» y los numerosos atajos de teclado facilitan a los desarrolladores

Visual Studio Code vs Sublime Text ¿Cuál es mejor?

Visual Studio Code vs Notepad++ – ¿Cuál es mejor?

¿Qué es Visual Studio Code?

Con la llegada de la versión 2008, Microsoft también puso a disposición de los

El lanzamiento de Visual Studio Code tenía dos objetivos principales.

Comparativa entre Visual Studio Code y Notepad++

La tabla nos cuentan que en la cantidad de lenguajes soportados es Notepadd++ la que se

Integración del control de fuentes

Mientras que Notepad++ tiene una forma de autocompletar lo que escribimos, no es ni de

Otro punto a favor de Notepadd++ es la portabilidad, lo que nos permite llevarlo en un

También podría gustarte