A) Extensiones

- Prettier Code formatter .Permites establecer aspecto

como el indentado del código. es decir establecer el
formato que tendrá nuestro código
- Bracket Pair Colorization toggler.Permite identificar
donde se abre y cierra una llave mediante el uso de
colores.
- Quokka.js . Permite depurar en tiempo real el código
que estamos escribiendo. Permite ejecutar Javascript a
medida que estamos escribiendo el código. Permite
visualizar el código de Javascript en Visual Code sin
necesidad de abrir un navegador. No tener que abrir un
navegar supone la ventaja de poder ejectuar JS sin
tener que involucrar CSS O html lo cual nos podría
distraer de nuestro objetivo de aprender JavaScript
-Quokka Statusbar. Facilita el trabajo con Quokka

Tras instalar las extensiones debemos reinicar Visual

Code

B)Instalación de Nodejs.Es una plataforma para poder

ejecutar código en JavaScript desde Visual Studio
Code(en lo sucesico JS)
- Escribir en la barra del navegador: download nodejs
- Hacemos clic sobre la opción Download- Node.js o si
lo preferimos escribimos sobre la barra del navegador.
nodejs.org/en/download/
-Encontramos dos versiones: LTS o versión estable y
Current o versión actual. Seleccionarmos la opcion LTS
y nuestro sistema operativo
- Durante la instalación aceptamos todos los
valores.Dejar todos los valores por defecto. NO
SELECCIONAR NINGUNA OPCIÓN
- Seleccionar la Instalar y al finalizar reinicar
Visual Code

C) Comprobar la instalación (Hola mundo)

- Para trabajar con Quokka usamos el atajo: Ctrl +
Mayusculas + P (Otra opción es usar el menñu View >
Command Palette)
- Tras usar el atajo Ctrl+ Mayusculas+ P en la caja de
texto que aparece se escribe Quokka y se selecciona un
nuevo archivo de tipo JavaScript. Aceptar las
advertencias de windows y dar los permisos que nos
solicite
- Guardo el archivo con extensión .js
- i )escribir el script
cadena ="hola mundo";
console.log(cadena);
ii)Ejecuarlo
- Hacer clic sobre el icolo Q+ que vemos en la
parte inferior del editor VSC

- En la opción file seleccionar auto save para que cada

cambio se 'salve'

D)Ejecutar javascrito en Chrome. Vermos como ejecutar

VS usando el navegador web

- Abrimos la consola con Boton Derecho > inspeccionar>

Seleccoionar Console
-Escribimos el código anterior