×
Un gran editor de texto es algo imprescindible para cualquier desarrollador. Como resultado, hay docenas de editores de texto disponibles. Algunos editores tienen increíbles características de ahorro de tiempo, como el autocompletado y el plegado de sintaxis. Otros editores son compatibles con casi todos los idiomas principales, lo que puede ser útil si decides empezar a aprender algunos idiomas de fondo. Ya que hay tantos editores, ¿cómo podrías elegir sólo uno? ¿Y realmente importa cuál elijas? Al escribir código, es importante usar un editor de texto y no un procesador de palabras, como Microsoft Word. Un procesador de texto da formato al texto, así que cuando escribes, no sólo guardas el texto, sino que también guardas diferentes tipos de formato que ocurren entre bastidores. Un editor de texto puede tener 100 características súper impresionantes, pero si no vas a usarlas, probablemente no necesites pagar por uno que incluya toneladas de extras. Hemos preparado algunos de los editores más populares disponibles para ayudarte a encontrar tu pareja perfecta.
Soportes
Windows y Mac Brackets es un editor de código abierto (por lo que es gratuito) destinado a desarrolladores de front-end y diseñadores web. Es limpio y simple, pero poderoso. Una de sus mejores características es que es posible diseñar en el navegador, lo que significa que puedes ver el cambio de código en el navegador mientras escribes. No es necesario guardar el código. Sin embargo, requiere el uso de Chrome para el desarrollo de HTML en vivo. La «vista previa en vivo» se puede acceder haciendo clic en un pequeño rayo amarillo. También es muy similar a Edge Code, que es parte de la Nube Creativa de Adobe. El Código de Borde es en realidad una distribución de Brackets. Las actualizaciones de Brackets están generalmente disponibles antes de las actualizaciones de Edge Code, pero Edge Code incluye integración con Adobe Color CC (antes conocido como Adobe Kuler), fuentes TypeKit, y Edge Inspect.es súper práctico para poder acceder a tu CSS directamente a través de tu HTML con la función de Edición Rápida.cuando haces clic en tu carpeta de imágenes dentro de Brackets, es posible que veas las imágenes y sus tamaños desde allí mismo dentro del editor de texto. Si pasas el cursor por encima de la etiqueta de la imagen en tu HTML, también verás una vista previa de la imagen. También incluye un selector de colores, que puede ser útil a la hora de elegir un nuevo color.¡Se acabó la búsqueda en Google de los valores específicos que están disponibles para las diferentes propiedades en CSS! Una de las mejores características para los nuevos diseñadores es la posibilidad de encontrar diferentes valores con sólo hacer clic con el botón derecho del ratón en la propiedad. Una lista de diferentes opciones se presentan a usted con su definición.
Dreamweaver
Windows y Mac Dreamweaver es un producto de Adobe. Una de sus características más interesantes, que puede ahorrarte mucho tiempo y dolores de cabeza, es que está integrado con otras herramientas de Adobe, como Photoshop e Illustrator. Soporta HTML5, CSS3 y JavaScript, así como una gran cantidad de lenguajes de fondo. Todos los lenguajes que tienen soporte para las pistas de código se pueden encontrar aquí. Presenta una vista de código incorporada, para que puedas probar y previsualizar fácil y rápidamente los cambios que has hecho en tu sitio sin necesidad de usar el navegador. La vista previa multipantalla permite ver tu sitio en diferentes tamaños de pantalla (teléfonos, tabletas o PC). El código de sugerencias o la autocompletación mientras escribes es útil, así como la validación de la sintaxis.Dreamweaver puede adquirirse de varias maneras. También resulta ser una de las opciones más caras de la lista. Todavía puedes comprar la versión anticuada de CS6 por 399 dólares, pero la versión más reciente es parte de la Nube Creativa de Adobe, por lo que debe ser adquirida en base a una suscripción. Para acceder sólo a Dreamweaver son 19,99 dólares al mes. Si quieres tener acceso a toda la Suite (incluyendo Photoshop, InDesign, Illustrator, etc.) te costará $49.99 al mes con un compromiso anual. Este editor de texto en particular puede hacer tanto, pero también resulta ser bastante complicado. Si decides que Dreamweaver es el camino que quieres seguir, deberías ver nuestro curso, Tu primer día en Dreamweaver CC.
Texto sublime
Windows, Mac y Linux Sublime Text es un editor de texto popular por varias razones. Sublime tiene una característica exclusiva llamada «Goto Anything» que puede ser usada para mostrar líneas, funciones o simplemente palabras dentro de un archivo. Esta característica también es útil para navegar rápidamente entre diferentes archivos, así, por ejemplo, puedes llegar rápidamente a tu archivo CSS desde tu página HTML. Todos sabemos lo fácil que es distraerse con todo lo que nos rodea mientras codificamos. Sublime lo entiende, y ha incluido algo llamado Modo libre de distracción, que muestra sólo tu código en una configuración de pantalla completa para cortar todas las demás cosas que suceden en tu pantalla. También puedes ver una versión en miniatura de todo tu código en la parte derecha de la aplicación con la parte que estás viendo en la pantalla resaltada con un color diferente, lo cual es super útil si tienes un montón de código.Sublime puede ser personalizado con archivos JSON de fácil acceso, lo que hace que sea sencillo añadir otras características deseadas que otros usuarios han creado. Las características que están disponibles son gratuitas y pueden ser realmente útiles.Sublime puede ser usado gratuitamente como prueba, pero no hay límite de tiempo para cuando la prueba expire. Si continúas usándolo sin comprar, cada vez que guardes tu trabajo aparecerá un popup pidiéndote que compres el editor. Si no puedes manejar la pantalla de quejas, entonces puedes comprar una licencia por $70. Las licencias son por usuario, en lugar de por ordenador, por lo que puedes descargarlo y utilizarlo en tantos ordenadores como quieras. Sublime Text 3 está ahora en versión beta.
Editores de sistemas operativos específicos
Hay docenas de editores de texto disponibles para su uso, pero muchos de ellos son específicos para un sistema operativo. Estos editores tienen grandes características y pueden ser útiles. Sin embargo, su mayor desventaja es que también son específicos de un sistema operativo. Si eres un trabajador independiente, eso no es un problema. Puedes tener la libertad de elegir el editor que más te convenga personalmente. Pero si trabajas en algo más parecido a un entorno de oficina, es importante tener en cuenta que aunque tengas un Mac y te guste Coda y dependas en gran medida de sus características, tu futuro empleador sólo podrá tener ordenadores Wind0ws. Si ese es el caso, deberías ser flexible para aprender un nuevo editor de texto.
Coda
Sólo para Mac Coda es un poderoso editor de texto creado por Panic, repleto de características y envuelto en una interfaz limpia. Además de la autocompletación, el plegado de código, la validación y un navegador de código, también cuenta con un editor MySQL incorporado, una vista de lista para todos sus sitios y un navegador de archivos completo (FTP, SFTP, S3, etc.). Puede hacer mucho más que un simple editor de texto, pero aún así lo incluimos en esta lista por su facilidad de uso. ¿Qué tan genial sería hacer ediciones rápidas en su sitio sobre la marcha? Coda produce un editor de texto para iPad llamado Diet Coda. Una característica extra que está disponible en Diet Coda es AirPreview. Esto significa que puedes usar tu iPad para ver en vivo la vista previa de tu código de Coda en tu Mac. Diet Coda cuesta 20 dólares adicionales y puede adquirirse en el Mac App Store. El costo de la descarga es de 99 dólares, pero tienen una prueba gratuita de 7 días. Una descarga de la Mac App Store incluirá soporte para iCloud, o puede ser comprado directamente de Panic, pero no incluirá iCloud.
Notepad++
Sólo Windows Notepad++ tiene la capacidad de resaltar y doblar la sintaxis, lo que es especialmente útil si se trabaja con cantidades aparentemente infinitas de código. Notepad++ soporta varios lenguajes, pero si no soporta el lenguaje que usted necesita, su Sistema de Definición de Lenguaje de Usuario le permite definir su lenguaje, lo que significa que puede configurar el resaltado de sintaxis de definiciones de palabras clave, el plegado de sintaxis, palabras clave y definiciones de operadores, lo cual es bastante impresionante.Notepad++ también incluye autocompletado para parámetros de palabras, funciones y funciones. Otra característica útil es la lista de funciones, que muestra las diferentes funciones que has creado. Desde allí, puedes hacer doble clic en una función específica para acceder a ella rápidamente. La función Document Map hace que sea sencillo desplazarse por tu código para encontrar lo que buscas (esto también es similar a la función de Sublime).Notepad++ es gratuito!
Conclusión
Cualquiera de estos editores de texto puede ayudarte a lograr tus objetivos de codificación. Si eres un gran usuario de Adobe, Dreamweaver podría ser para ti, especialmente si ya está incluido en la Suite o Nube Creativa que posees. Si eres capaz de ver tu código en vivo sin guardar, Brackets podría ser tu nuevo mejor amigo. Si te gusta personalizar tu software, entonces probablemente deberías echar un vistazo a Sublime Text primero, ya que hay muchas opciones de personalización disponibles. Si eres un entusiasta de Apple, te encantará la limpia interfaz de Coda con los extras añadidos de iCloud y iPad. Notepad++ sería genial para ti si te gusta Windows y las cosas gratuitas. Descargar y experimentar con las pruebas gratuitas que ofrecen algunos de los editores de texto podría ayudarte a ver lo que te podrías haber perdido mientras usabas tu editor anterior. Podrías aprender que no puedes vivir sin una característica específica y que nunca volverás atrás.
COMPARTIR:
¿Listo para capacitar a todo tu equipo?
10Licencias¿Necesitas más licencias? Contacte con ventas. Continúe con la compraContinúe con la compraCancelar
Con tu plan de Pluralsight, puedes:
Con tu piloto de 14 días, puedes:
- Acceder a miles de videos para desarrollar habilidades críticas
- Darle acceso a hasta 10 usuarios a miles de cursos de video
- Practicar y aplicar habilidades con cursos y proyectos interactivos
- Ver datos de habilidades, uso y tendencias de sus equipos
- Prepararse para las certificaciones con los exámenes de prácticas líderes en la industria
- Medir la competencia entre las habilidades y los roles
- Alinear el aprendizaje a sus objetivos con los caminos y canales
╲╱SolutionsPluralsight SkillsPluralsight FlowGift of PluralsightView PricingContactar Sales╲╱PlatformBrowse libraryRole IQSkill IQIrisAuthorsProfessional ServicesTechnology Index╲╱CompanyAbout usCustomer storiesInvestorsCareersBlogNewsroomResource centerGuides╲╱ResourcesDownload PluralsightEventsTeachPartnersAffiliate programPluralsightOne.orgSubscribe╲╱SupportContactHelp centerIP whitelistSitemapCopyright © 2004 – Pluralsight LLC. Todos los derechos reservadosCondiciones de usoPolítica de privacidad
Utilizamos cookies para que las interacciones con nuestros sitios web y servicios sean fáciles y significativas. Para obtener más información sobre las cookies que utilizamos o para saber cómo puede desactivarlas, haga clic aquí.
Acepta las cookies y cierra este mensaje Deshabilitar cookies
Ha desactivado las cookies no críticas y está navegando en modo privado. Para tener la mejor experiencia posible en nuestro sitio web, por favor, acepte las cookies. Para obtener más información, lea nuestra política de privacidad.
Acepta las cookies y cierra este mensaje