pru / subir /Curso de Fundamentos de JavaScript /01-Introducción a JavaScript /02-Instalación y Configuración de JavaScript en Visual Studio Code.vtt
2999a's picture
Upload batch from C CLI
8784b40 verified
WEBVTT
00:00.000 --> 00:04.500
Para empezar a escribir código JavaScript
necesitamos un editor de código.
00:04.500 --> 00:08.500
De preferencia vamos a estar utilizando
Visual Studio Code.
00:08.500 --> 00:11.000
Y para poderlo instalar en nuestra máquina,
00:11.000 --> 00:16.000
lo que hacemos es colocar en Google sus
iniciales VSC.
00:16.000 --> 00:22.000
Y aquí ya tenemos Visual Studio Code y nos
sale justamente la parte de descarga.
00:22.000 --> 00:24.000
Entonces vamos a darle clic
ahí.
00:24.000 --> 00:27.500
Y luego vamos a escoger el sistema
operativo en el que estemos trabajando.
00:27.500 --> 00:29.500
En este caso sería
Mac.
00:29.500 --> 00:36.000
Aquí ya tenemos nuestro.zip y él también
nos abrió esta aplicación de Visual Studio Code.
00:36.000 --> 00:39.500
Le vamos a dar doble clic aquí a la
aplicación.
00:39.500 --> 00:42.500
Él nos va a decir que si la queremos abrir.
00:42.500 --> 00:44.500
Y le vamos a decir que
sí.
00:44.500 --> 00:47.000
Y aquí ya tenemos Visual Studio Code.
00:47.000 --> 00:52.000
En esta página de Node.js nos indican cómo
debemos descargarlo.
00:52.000 --> 00:55.000
Y nos dice que en esencia, si nosotros
tenemos un Mac,
00:55.000 --> 00:59.000
deberíamos colocar estos comandos en
nuestra terminal.
00:59.000 --> 01:04.000
Lo que vamos a hacer es abrir nuestra
terminal y colocar estos comandos.
01:04.000 --> 01:10.000
Vamos a darle command espacio y vamos a
colocar terminal.
01:10.000 --> 01:12.000
Aquí se nos abre nuestra
terminal.
01:12.000 --> 01:14.000
Voy a darle
zoom.
01:17.000 --> 01:20.000
Y allí vamos a colocar nuestros comandos.
01:20.000 --> 01:25.500
Para ello, venimos por acá, copiamos este,
command c,
01:25.500 --> 01:30.500
nuevamente en nuestra terminal vamos a
colocar este comando,
01:30.500 --> 01:32.500
le damos
enter.
01:32.500 --> 01:36.500
Y una vez ya se haya terminado de instalar
esto,
01:36.500 --> 01:40.500
vamos a colocar nvm install
20.
01:40.500 --> 01:44.500
Vamos a colocarle command c, terminal.
01:44.500 --> 01:46.500
Aquí colocamos este
comando.
01:46.500 --> 01:52.500
Empieza a desinstalarse la versión 20 para
el versionamiento de Node.js.
01:52.500 --> 01:56.500
Y luego él nos dice que debemos colocar
node-b.
01:56.500 --> 02:00.500
Entonces le decimos node-b y aquí ya nos
sale que tenemos
02:00.500 --> 02:02.500
la versión 20 de
Node.js.
02:02.500 --> 02:06.500
Y ya con esto tenemos para poder empezar a
escribir
02:06.500 --> 02:08.500
nuestro código
JavaScript.
02:08.500 --> 02:14.500
Le damos aquí donde dice file o archivo,
abrir folder.
02:14.500 --> 02:19.500
Y aquí ya nos sale en donde nosotros
queremos abrir nuestro archivo.
02:19.500 --> 02:22.500
Entonces vamos a abrir esta carpeta que
dice Hola Mundo,
02:22.500 --> 02:25.500
que fue la que creamos, le decimos open.
02:25.500 --> 02:27.500
Aquí le vamos a decir que
sí.
02:27.500 --> 02:31.500
Y una vez ya tengamos acá nuestra carpeta,
02:31.500 --> 02:34.500
nos van a salir ciertos
símbolos.
02:34.500 --> 02:38.500
Estos símbolos o íconos nos van a indicar
qué es lo que queremos hacer.
02:38.500 --> 02:43.500
En este caso vamos a tomar este primero,
que es para crear un archivo.
02:43.500 --> 02:47.500
Le vamos a dar click y podemos escribir
Hola Mundo también.
02:47.500 --> 02:51.500
Y aquí lo importante es que tenga la
extensión de JavaScript
02:51.500 --> 02:54.500
para indicarle a él que vamos a empezar a
trabajar
02:54.500 --> 02:56.500
con este lenguaje de
programación.
02:56.500 --> 03:01.500
Aquí le vamos a decir enter y seguido de
esto
03:01.500 --> 03:05.500
vamos a empezar a escribir nuestro primer
Hola Mundo.
03:05.500 --> 03:12.500
Colocamos console.log, indicándole que
vamos a imprimir algo.
03:12.500 --> 03:14.500
Y ese algo va a ser
quién.
03:14.500 --> 03:18.500
Por ahora solamente nos interesa saber que
vamos a escribir unas comillas
03:18.500 --> 03:21.500
y que dentro de esas comillas va a ir un
mensaje.
03:21.500 --> 03:26.500
Vamos a escribir aquí Hola Mundo feliz y
una carita feliz.
03:26.500 --> 03:28.500
Guardamos.
03:28.500 --> 03:32.500
Ahora vamos a abrir nuestra terminal,
vamos a decir command-J.
03:32.500 --> 03:35.500
Aquí ya nos salió nuestra
terminal.
03:35.500 --> 03:38.500
Vamos a guardar esto que dice ports.
03:38.500 --> 03:41.500
Y aquí ya nos queda justamente esta
terminal para nosotros.
03:41.500 --> 03:44.500
Este Hola Mundo es el nombre de mi carpeta.
03:44.500 --> 03:47.500
Y aquí voy a colocar
node.
03:47.500 --> 03:52.500
Seguido de node vamos a colocar el nombre
de ese archivo que creamos,
03:52.500 --> 03:55.500
que es quién.
HolaMundo.js.
03:55.500 --> 03:59.500
Entonces recordemos, la idea es que
estemos dentro de la carpeta
03:59.500 --> 04:03.500
y una vez estemos dentro de la carpeta
abrimos el archivo.
04:03.500 --> 04:07.500
Vamos a darle enter y aquí ya nos sale
Hola Mundo feliz,
04:07.500 --> 04:10.500
que es nuestro primer Hola Mundo con
JavaScript.
04:10.500 --> 04:11.500
Gracias.