Esta primera decisión definirá su productividad y eficacia como código.
incluso Antes de empezar a aprender Desarrollo Web, uno debe elegir y descargar el editor de código de su elección.
Esta parte aquí es crucial, su viaje, su curva de aprendizaje está en juego. Esta será la herramienta que usará a medida que comience a escribir su código, y hay varios editores de código para que elija.
Para aquellos que han comenzado a codificar hace más de 10 años, la plataforma más utilizada fue Notepad++, y otros editores de código seguidos fueron TextWrangler, BBEdit, Coda, Sublime Text, VSCode, TextMate, Atom, UltraEdit, Vim, Brackets y CoffeeCup Editor HTML.
En la tecnología moderna, las opciones se han reducido a pocas, a saber, Texto Sublime, Átomo, código VSC, Vim, Corchetes.
A medida que estudia, encontrará diferentes profesores o instructores que prefirieron usar un editor de texto diferente, no importa si los sigue y usa el mismo editor, o elige el suyo propio, lo que importa es que se sienta cómodo con el editor de texto elegido. Elige lo que te haga más productivo porque te ayudará a convertirte en un mejor programador.
Por lo tanto, elija sabiamente.
Atom fue iniciado por los desarrolladores genios de Github, pero ahora propiedad de Microsoft, lo bueno de Atom es que es gratuito, de código abierto y también altamente personalizable, la mejor parte de atom es su función de Teletipo, que permite a varios/múltiples desarrolladores trabajar en el mismo proyecto, en el mismo código, de todas partes del mundo, en diferentes ubicaciones.
Atom es un poco similar a Sublime Text, pero muchos desarrolladores que prefirieron Atom se debieron a su interfaz simple en comparación con Sublime Text.
Atom se puede usar en 3 Sistemas operativos (SO), Windows, Mac y Linux, por lo que cualquier plataforma que tenga Atom está disponible.Características de
:
- Atom es una aplicación de escritorio para Tecnologías web
- Tiene un diseño modular y contiene más de 50 extensiones/paquetes de código abierto que puede integrar en torno a un núcleo mínimo
- Fragmentos
- Interfaz de usuario limpia y sencilla
- Nodo.Integración js
- Navegador del sistema de archivos
- Enfoque hackeable
- Fragmentos de Kirby, el favorito del usuario de atom. https://atom.io/packages/kirby-snippets
- Terminal IDE de PlatformIO
Cons
- Tiene algunos problemas de rendimiento
- Tarda varios segundos en iniciarse en comparación con otros editores de texto, especialmente cuando instala numerosos paquetes/extensiones.
- Un poco lento en comparación con Sublime Text porque es una aplicación basada en navegador (se ejecuta con Electron)
Descargar Atom.io Aquí: https://atom.io/
Y aquí hay un video rápido sobre cómo configurar atom:
Vim
Pros
- Ligero y rápido en comparación con otros editores, utiliza una memoria mínima del sistema y se carga instantáneamente
- Puede encontrar complementos para casi todo, desde la versión hasta el control y la preferencia de color
- Es gratuito y de código abierto, y se puede usar en modo terminal o GUI
- Basado en teclado y probablemente se dará cuenta de que ya no necesita un mouse, todo está disponible en tus atajos de teclado.
Contras
- Curva de aprendizaje, le llevará algún tiempo aprender, y tendrá tantos comandos y accesos directos para recordar
- Pobre soporte para sus herramientas
- No es muy efectivo cuando se trata de mecanismo de corte/pegado
Puede descargar y configurar Vim utilizando este recurso: https://www.vim.org/download.php
Aquí hay un recurso adicional si desea leer más sobre Vim:
Aquí hay un buen curso introductorio para los conceptos básicos para que comience y aprenda los fundamentos de Vim.
Corchetes
Pros
- Código abierto y Multiplataforma, lo que significa que es gratuito y se puede usar en Mac, Windows y Linux
- Tiene finalización de código, habrá una sugerencia automática como escriba su código
- La característica única del soporte es la edición rápida cuando marque cualquier elemento HTML y presione CMD / Ctrl + E, el soporte abrirá todos los CSS asociados con esos ciertos elementos en el mismo ventana, una vez que la cierre, se aplicará automáticamente a la hoja de estilos CSS.
- Capacidad para agregar varias extensiones y paquetes para hacer que su editor de corchetes sea más potente y útil
- Los corchetes también tienen función de cursores múltiples
- También tiene un selector de color, ya que los códigos hexadecimales de color son difíciles de recordar.
- Vista previa en vivo, para ver fácilmente los resultados o la salida de su edición/estilo
Función de selector de color
Cons
- Brackets se centra en el lado frontal, claramente hecho para desarrolladores de Frontend en el que es muy útil en HTML, CSS y Javascript y no mucho en los lenguajes del lado del servidor
Puede descargar Brackets.io aquí: http://brackets.io/
Aquí hay un video rápido sobre la configuración de soportes:
Sublime Text
Muchos desarrolladores todavía eligió utilizar Sublime Text, porque si su velocidad, simplicidad, así como también los métodos abreviados de teclado que es muy útil cuando se trabaja en diferentes lenguajes, como Javascript.
Puede descargar Sublime Text aquí: https://www.sublimetext.com/
Aquí hay un video introductorio para iniciar y configurar su Texto Sublime:
Pros:
- Código abierto y Multiplataforma, lo que significa que es gratuito y se puede usar en Mac, Windows y Linux
- Autocompletado
- Resaltado de sintaxis
- Plegado de código
- Personalizable: más de 3800 paquetes disponibles
- Ligero, rápido y estable
Contras:
- Todavía no hay un plugin Git decente
- Desarrollo lento ya que sublime no tiene un gran equipo detrás
- No es tan amigable para principiantes
¡Aquí hay un tutorial adicional para Consejos de Texto Sublime, Trucos, Atajos de teclado y Las Mejores Características! Disfrutar.
VSCode
Visual Studio Code ofrece a los desarrolladores una nueva opción de herramienta para desarrolladores que combina la simplicidad y la experiencia optimizada de un editor de código con lo mejor de lo que los desarrolladores necesitan para su ciclo de edición de código central y depuración. Visual Studio Code es el primer editor de código y la primera herramienta de desarrollo multiplataforma, compatible con OS X, Linux y Windows, de la familia Visual Studio.
Una de las ventajas de usar VSCode es su capacidad de integración con Git, es fácil y rápido, otra cosa es su capacidad de integración en diferentes equipos de forma remota, varios desarrolladores pueden trabajar en el mismo proyecto, o incluso el mismo código mediante el uso de esta herramienta/extensión: Visual Studio Live Share ayuda a varios desarrolladores a trabajar juntos de manera más eficiente, en comparación con Sublime Text y Atom.
Pros
- Ligero y rápido
- Gratuito
- Interfaz de usuario simple y limpia
- Terminal incorporado
- Cursor múltiple
- IntelliSense: es una función de asistente de finalización automática y resaltado de sintaxis de gran potencia para eliminar errores tipográficos y posibles errores de sintaxis
- Una enorme comunidad de soporte y creación de extensiones y recursos adicionales
- Tiene las mejores características como Git, Terminal, WebView, Live Share
- Soporte nativo para colaboración con Git, open directory conéctese fácilmente a Github y hasta.
- Tiene extensión Emmet, código HTML, CSS y Javascript súper rápido
Cons
- No admite versiones de programación anteriores como ASP.NET
- Las funciones de depuración son limitadas
Con tantas pilas y tecnología diferentes, incluso elegir el editor de programación se ha vuelto más desalentador y abrumador, déjame darte un consejo y ahorrarte algo de tiempo, no se trata solo de las herramientas, en los deportes, no se trata de tener los mejores zapatos o tener los zapatos de fútbol más caros, o para los fotógrafos, no siempre se trata de quién posee la cámara más cara que obtiene la toma más hermosa, al final del día, es siempre sobre quién lo usa, cómo lo usa y si incluso lo usa.
Yo era un gran fan de Sublime Text, comencé el desarrollo web usando Sublime, pero cuando surgió VSCode y tomó el corazón de cada desarrollador, no solo por su interfaz de aspecto agradable, sino también por sus miles de extensiones o herramientas para elegir que hacen que la codificación sea más eficiente, fácil y poderosa, yo mismo me sentí atraído por ella.
El más popular y también mi recomendación sería VSCode, lo he estado usando durante años.
Aquí hay un bono para la configuración de Código de Visual Studio y el tutorial, ¡Disfrútalo!
Gracias por leer! ¡Siéntase libre de leer mis otros blogs para obtener más tutoriales y herramientas gratuitas para todos los desarrolladores! Disfrute