Si es un desarrollador web, lo más probable es que tenga un entorno de desarrollo configurado localmente en su estación de trabajo. Instaló su editor de código favorito, agregó los mejores paquetes, cargó las extensiones y todo el IDE funciona exactamente como lo necesita. Pero, ¿y si no está sentado en su máquina normal? ¿Qué sucede si está de viaje o se ha desplazado, o incluso si trabaja desde casa sin una computadora portátil? ¿Y que? Aquí es cuando el conocimiento de los editores de código en línea disponibles realmente puede salvar el día. Además, incluso puede guardarlo en su bolsillo trasero como una forma de mejorar su rutina normal de codificación.
Suscríbete a nuestro canal de YouTube
¿Por qué editores de código en línea?
Hay varias razones por las que debería considerar el uso de editores de código en línea. Sin embargo, la verdad es que el uso de un IDE basado en la web (lo más probable) no reemplazará a uno instalado localmente. Si bien muchos entornos web son increíblemente robustos y capaces de manejar la mayor parte del trabajo que les envía, simplemente no lo son. cómo robusto y eficiente como instalaciones estacionarias. Dicho esto, sin embargo, hay muchas razones por las que debería considerar usar uno.
- Está en movimiento y necesita acceso a su código en cualquier lugar.
- Debe alojar fragmentos de código y secciones de código interactivo.
- Su tiempo es limitado y necesita una solución con una configuración casi nula.
- Su presupuesto es limitado. Los editores de código en línea pueden tener más permisos que la estación de trabajo a la que tiene acceso.
- Su equipo necesita colaborar en tiempo real. Muchos IDE en línea tienen herramientas de colaboración integradas que funcionan sin configuración.
Independientemente de por qué Si desea o necesita usar un IDE basado en la web, hay muchos para elegir, cada uno con diferentes fortalezas y debilidades, y que cumplen diferentes funciones para los desarrolladores web.
1. Código de juego
código de juego es un buen editor de código en línea universal. Con él, puede abrir varios archivos que se ejecutan juntos en un proyecto, tal como lo haría con varios archivos en una estructura de directorio típica usando Sublime Text o VS Code. PlayCode tiene plantillas listas para usar para los usuarios, así como resultados en tiempo real y depuración de consola integrada directamente en el navegador. Los usuarios pueden editar y trabajar sin iniciar sesión para obtener soluciones rápidas, etc., pero también pueden iniciar sesión para ahorrar trabajo y usar PlayCode en diferentes computadoras.
2. JSFiddle
JSFiddle es otro de los principales editores de código en línea que funciona de muchas maneras, al igual que PlayCode. Diseñado específicamente para codificadores de JavaScript, JSFiddle no está necesariamente destinado a funcionar en proyectos completos, pero como dice la barra de información en la parte superior del editor, es mejor para «documentar demostraciones, informar errores en problemas de Github, presentar respuestas de código a Stack Overflow, Collaboration over code live, hosting de fragmentos de código” o simplemente ser un sandbox donde puedes jugar con tu código.
3. Código Pluma
CódigoPen probablemente se considera que es este editor de código en línea editores de código en línea. No solo proporciona herramientas para la colaboración, la experimentación y el intercambio, sino también resultados en vivo y la capacidad de buscar en su base de datos y repositorio de fragmentos publicados por otros autores para que pueda experimentar y aprender de su trabajo. También es un lugar divertido para ver lo que algunas personas hacen con el código de una manera nueva y divertida. Además, los fragmentos de CodePen están indexados por Google y terminará aquí muchas veces cuando busque una solución antes de dirigirse a Stack Overflow, y algunas veces más tarde porque las personas suelen escribir y compartir soluciones en tiempo real.
4. Apila Blitz
StackBlitz es algo bueno. Estamos impresionados con lo que esta aplicación ofrece a los desarrolladores, ya que viene con las herramientas para que su proyecto esté listo para funcionar. Un click. Si observa la imagen de arriba, todos los archivos y dependencias e incluso las URL compartidas se generaron con solo una Iniciar un nuevo espacio de trabajo – Reaccionar (JavaScript) botón. Con su capacidad para guardar, compartir e incluso conectarse a su cuenta de GitHub, StackBlitz merece una mirada. En lugar de ser un servicio para compartir fragmentos o una zona de pruebas de codificación, StackBlitz es un IDE sólido para aquellos que prefieren los editores de código en línea.
Además, y no podemos dejarlo pasar sin decir se basa en el código VS. Básicamente, utiliza el IDE y el editor de código más populares en su navegador y cada proyecto obtiene su propio espacio de servidor. Puede actualizar si lo desea, pero incluso la versión gratuita funciona bien (aunque es un poco lento para cargar, pero eso es de esperar con los planes gratuitos). Lee sobre elloy creemos que estará de acuerdo en que este de todos los editores de código en línea merece una mirada larga y cuidadosa.
5. Nube AWS9
Como uno de los primeros usuarios de la nube hace 9 años, cuando era un proyecto de código abierto en c9.io, recomendamos encarecidamente este producto. De hecho, proporciona una experiencia muy similar a la del StackBlitz anterior. Cuando Amazon adquirió el C9, lo conectó a su nube como parte del conjunto de servicios de AWS. Nube AWS9 es definitivamente un IDE en línea sólido y con todas las funciones y la nota informativa en su sitio web hace un gran trabajo de por qué debería verlo.
AWS Cloud9 es un entorno de desarrollo integrado (IDE) basado en la nube que le permite escribir, ejecutar y depurar código utilizando solo el navegador. Incluye un editor de código, depurador y terminal. Cloud9 viene precargado con las herramientas necesarias para los lenguajes de programación populares, incluidos JavaScript, Python, PHP y más, por lo que no necesita instalar archivos ni configurar una máquina de programación para comenzar nuevos proyectos. Dado que su IDE de Cloud9 está basado en la nube, puede trabajar en sus proyectos en la oficina, el hogar o en cualquier lugar desde una computadora conectada a Internet. Cloud9 también proporciona un entorno de desarrollo de aplicaciones sin servidor fluido, lo que le permite definir recursos, depurar y cambiar fácilmente entre la ejecución local y remota de aplicaciones sin servidor. Con Cloud9, puede compartir rápidamente su entorno de desarrollo con su equipo, lo que le permite emparejar programas y realizar un seguimiento de las entradas de los demás en tiempo real.
6. JSBin
Si alguna vez has visto o usado Papelera de pegarJSBin le resultará familiar. Es similar en estructura, estilo y facilidad de uso, JSBin es principalmente un sitio de código compartido. Creemos que definitivamente es mejor registrar una cuenta aquí para permanecer conectado. La razón es que JSBin guarda automáticamente tu progreso en cada código con el que trabajas. Incluso si solo está experimentando para ver qué hacen los fragmentos, no perderá su trabajo. JSBin es un editor simple y sin sentido. Y si lo necesita, realmente no puede mejorar.
7. Editor de temas de WordPress
Es posible que WordPress no sea lo primero que piense sobre los editores de código en línea. Pero definitivamente es algo a considerar. En WordPress 4.9, WP Core se actualizó con CodeMirror. El resaltado de sintaxis y las advertencias de error para cualquier cambio realizado en áreas de código son ahora el elemento básico de WordPress. La ubicación principal para esto es Apariencia – Editor de temas pero también aparece en cualquier área de widgets (como Código HTML personalizado widget) o en el configurador de temas en CSS personalizado Correa. Si bien definitivamente no es un IDE completo, podemos recomendar absolutamente el editor WP CodeMirror como una forma de verificar errores y actualizar fragmentos de código sin tener que lidiar con FTP y varios sistemas de administración de archivos.
Más información
Envolviendo con editores de código en línea
La mayoría de los editores de código en línea no reemplazarán su entorno de desarrollo local. Este no es su trabajo. Principalmente. Sin embargo, pueden proporcionar una forma sólida y sencilla de editar código, compartir fragmentos, realizar copias de seguridad y experimentar con nuevas funciones en una ubicación segura y en tiempo real. Entre IDE completos como StackBlitz, servicios para compartir fragmentos como JSBin e incluso editores de código en línea de alta calidad como la integración de WordPress CodeMirror, si nunca se ha divertido con la edición en línea, no hay mejor momento para comenzar.
¿Cuáles son tus editores de código en línea favoritos?
Artículo con imagen de Fernandodiass / shutterstock.com
