Resumen: en este tutorial, aprenderás sobre los editores de código de JavaScript y cómo instalar Visual Studio Code para codificar JavaScript.
Editores de código JavaScript populares
Para editar el código de JavaScript, necesitas un editor de texto sin formato como el Bloc de notas en Windows. Sin embargo, para simplificar y acelerar la escritura de código JavaScript, necesitas un editor de código JavaScript.
Además de las funciones básicas de edición, un editor de código JavaScript te brinda funciones de resaltado de sintaxis, sangría, autocompletado y combinación de llaves. Algunos editores también te permiten depurar JavaScript.
Los siguientes son algunos editores de código JavaScript populares:
Visual Studio Code
Atom
Notepad++
Vim
GNU Emacs
Ten en cuenta que todos estos editores de JavaScript son gratuitos. Para todos los ejemplos que mostrare aquí utilizare Visual Studio Code.
Visual Studio Code
Visual Studio Code es un editor de código gratuito y de código abierto desarrollado por Microsoft, corre en Windows, Linux y macOS. Visual Studio Code a menudo se llama VS Code.
VS Code es altamente personalizable. Te permite cambiar el tema, atajos de teclado, preferencias. Tiene muchas extensiones útiles que agregan funcionalidad adicional al editor.
VS Code incluye soporte integrado para JavaScript, que incluye IntelliSense, depuración, formateo, navegación de código, refactorización y muchas otras funciones avanzadas de lenguaje.
Para conocer todas las funciones compatibles con el código VS, consulta JavaScript en Visual Studio Code.
Descargar Visual Studio Code
Para descargar el Visual Studio Code, ve al siguiente enlace de descarga:
Descargar Visual Studio Code
Instalación Visual Studio Code
Configurar Visual Studio Code es fácil y rápido. Es una pequeña descarga para que puedas instalarla en unos minutos.
A) Windows
Para instalar VS Code en Windows, sigue estos pasos:
- Primero, ejecuta el instalador desde el archivo descargado.
- Luego, abra el Visual Studio Code.
El instalador agregará Visual Studio Code a su %PATH%. El cual te permitirá escribir el comando “code .” para iniciar el VS Code en esa carpeta.
B) macOS
Sigue estos pasos para instalar VS Code en macOS:
- Primero, da doble clic en el archivo descargado para expandir el contenido.
- Luego, arrastra Visual Studio Code.app a las Aplicaciones para que esté disponible en la plataforma de lanzamiento.
Instalación de la extensión Live Server
La extensión del Live Server permite iniciar un servidor local de desarrollo con la función de recarga inmediata de páginas estáticas. Una vez que cambies el código JavaScript, no necesitas actualizar la página para ver los cambios.
Para instalar la extensión Live Server, sigue estos pasos:
- Primero, haz clic en Extensiones.
- En segundo lugar, busca Live Server y seleccione la extensión Live Server en la lista.
- Finalmente, haz clic en el botón Instalar.
En este tutorial, aprendiste sobre los editores de código de JavaScript y cómo instalar Visual Studio Code para editar el código fuente de JavaScript.
