1
00:00:00,000 --> 00:00:05,693
[MÚSICA]

2
00:00:05,693 --> 00:00:09,002
Ahora que tiene Node.js en su computadora,

3
00:00:09,002 --> 00:00:13,870
obviamente quiere comenzar a usarlo inmediatamente.

4
00:00:13,870 --> 00:00:17,038
Entonces, en este ejercicio, comenzaremos a usar Node.

5
00:00:17,038 --> 00:00:20,921
Vamos a configurar un archivo empaquetado, o adyacente, para

6
00:00:20,921 --> 00:00:25,500
nuestra carpeta de prueba de Git con la que hemos estado trabajando hasta ahora.

7
00:00:25,500 --> 00:00:30,400
Luego, vamos a configurar un módulo de nodo llamado como servidor lite que

8
00:00:30,400 --> 00:00:34,519
servirá el contenido de nuestra carpeta get test.

9
00:00:34,519 --> 00:00:39,760
Y luego podemos navegar por este archivo index.html y

10
00:00:39,760 --> 00:00:43,320
otros archivos en un navegador.

11
00:00:43,320 --> 00:00:48,960
Y también veremos cómo el servidor lite nos permitirá

12
00:00:50,390 --> 00:00:56,805
ver automáticamente las actualizaciones en la ventana de nuestro navegador mientras hacemos cambios en nuestro

13
00:00:56,805 --> 00:01:02,333
archivo index.html, o cualquier otro archivo en nuestra carpeta get test.

14
00:01:02,333 --> 00:01:08,916
El servidor lite es algo que vamos a utilizar ampliamente en este y

15
00:01:08,916 --> 00:01:14,010
futuros cursos, para poder ver los cambios en tiempo real

16
00:01:14,010 --> 00:01:19,125
en una ventana del navegador mientras editas los archivos de tu proyecto.

17
00:01:22,216 --> 00:01:25,650
Como mencioné, queremos configurar el archivo package.json.

18
00:01:25,650 --> 00:01:29,300
Entonces, ¿qué es exactamente este archivo package.json que vamos a configurar?

19
00:01:29,300 --> 00:01:32,738
Así que aquí, tengo algo de información

20
00:01:32,738 --> 00:01:38,390
del sitio npmjs.org

21
00:01:38,390 --> 00:01:43,176
que especifica cuál es exactamente el rol del archivo package.json.

22
00:01:43,176 --> 00:01:47,781
Por lo tanto, el archivo package.json sirve como documentación sobre lo que todos los

23
00:01:47,781 --> 00:01:51,670
demás paquetes de los que depende su proyecto.

24
00:01:51,670 --> 00:01:56,030
Entonces, por ejemplo, cuando configure el servidor lite de su proyecto,

25
00:01:56,030 --> 00:01:58,907
se registrará en el archivo package.json.

26
00:01:58,907 --> 00:02:07,200
Y para que, posteriormente, también pueda hacer uso de ese paquete en el futuro.

27
00:02:07,200 --> 00:02:12,460
Además, le permite especificar la versión específica de un paquete de la

28
00:02:12,460 --> 00:02:14,710
que depende su proyecto.

29
00:02:14,710 --> 00:02:19,784
Por lo tanto, incluso si el paquete que depende de cambios en el futuro,

30
00:02:19,784 --> 00:02:24,762
puede insistir en que desea que el usuario instale sólo una

31
00:02:24,762 --> 00:02:30,650
versión específica del paquete para su uso dentro de su aplicación de nodo.

32
00:02:30,650 --> 00:02:34,151
Y también, hace que sus compilaciones sean reproducibles,

33
00:02:34,151 --> 00:02:38,177
lo que significa que cuando comparta su código con otros

34
00:02:38,177 --> 00:02:42,552
, también pueden hacer la instalación de todos los módulos de nodo,

35
00:02:42,552 --> 00:02:47,128
como veremos más adelante en este ejercicio, en su propio ordenador.

36
00:02:50,900 --> 00:02:57,610
Entonces, obviamente, su próxima pregunta será, ¿cómo creamos este archivo package.json?

37
00:02:57,610 --> 00:03:04,473
Si está comenzando un nuevo proyecto en el que desea inicializar el

38
00:03:04,473 --> 00:03:10,425
archivo package.json, simplemente escriba npm init en el símbolo del sistema en la carpeta del proyecto.

39
00:03:10,425 --> 00:03:14,789
Y luego eso lo llevará a través de un conjunto de pasos que le permitirán

40
00:03:14,789 --> 00:03:17,150
configurar su archivo package.json.

41
00:03:17,150 --> 00:03:20,910
Así que vamos a proceder con eso para nuestro proyecto de prueba de Git.

42
00:03:22,290 --> 00:03:28,200
Así que aquí estoy en la carpeta git-test en mi ventana de terminal.

43
00:03:28,200 --> 00:03:32,615
Asegúrese de que también abra una ventana de terminal o una ventana de comandos y

44
00:03:32,615 --> 00:03:34,791
luego vaya a la carpeta git-test.

45
00:03:34,791 --> 00:03:38,831
Y en el símbolo del sistema, escriba npm init.

46
00:03:38,831 --> 00:03:43,235
Y luego siga las preguntas que se hacen.

47
00:03:43,235 --> 00:03:48,275
Entonces, para el nombre del proyecto, lo dejaremos como predeterminado, git-test.

48
00:03:48,275 --> 00:03:51,546
Para la versión, simplemente lo dejaremos como 1.0.0.

49
00:03:51,546 --> 00:03:53,135
Podemos editarlo más tarde.

50
00:03:53,135 --> 00:03:58,252
Para la descripción,

51
00:03:58,252 --> 00:04:04,647
este es un directorio de prueba

52
00:04:04,647 --> 00:04:10,740
para aprender Git y Node.

53
00:04:10,740 --> 00:04:13,400
No importa, escriba alguna descripción allí.

54
00:04:13,400 --> 00:04:16,994
Y luego el punto de entrada, sólo diría index.html.

55
00:04:18,260 --> 00:04:24,508
Por lo general, si se trata de un paquete de nodo, el punto de entrada será index.js.

56
00:04:24,508 --> 00:04:28,623
Ahora esta carpeta que hemos configurado es

57
00:04:28,623 --> 00:04:34,280
una carpeta basada en index.html, así que es por eso que acabo de escribir index.html.

58
00:04:34,280 --> 00:04:35,972
Comando de prueba, nada.

59
00:04:35,972 --> 00:04:40,994
Git, si ya hubiéramos configurado el repositorio git en el

60
00:04:40,994 --> 00:04:45,297
ejercicio anterior, automáticamente le pedirá que, si no,

61
00:04:45,297 --> 00:04:50,318
esto estaría vacío y le dará la opción de escribir la URL del repositorio git,

62
00:04:50,318 --> 00:04:53,920
en caso de que esté usando un repositorio de git en línea.

63
00:04:53,920 --> 00:04:56,980
Algunas palabras clave para su proyecto, que voy a dejar en blanco.

64
00:04:56,980 --> 00:04:58,760
Autor, escriba su nombre.

65
00:04:58,760 --> 00:05:00,214
Seamos narcisistas.

66
00:05:04,497 --> 00:05:06,590
Y la licencia.

67
00:05:06,590 --> 00:05:15,050
Y luego, le mostrará la configuración del archivo package.json en formato JSON.

68
00:05:15,050 --> 00:05:18,860
Entonces, si su familia tiene un JSON, le parece muy, muy familiar.

69
00:05:18,860 --> 00:05:22,210
Entonces, si esto se ve bien, digamos OK y

70
00:05:22,210 --> 00:05:27,790
luego eso da como resultado la creación del archivo package.json.

71
00:05:27,790 --> 00:05:30,970
Así que ahora, si enumera el contenido de la carpeta,

72
00:05:30,970 --> 00:05:34,680
verá el archivo package.json en el contenido de la carpeta.

73
00:05:36,430 --> 00:05:42,210
Abra esa carpeta de prueba de Git en su editor favorito,

74
00:05:42,210 --> 00:05:47,270
y luego eche un vistazo al contenido del archivo package.json en su editor.

75
00:05:48,950 --> 00:05:54,470
Como el siguiente paso, vamos a aprender cómo podemos instalar un módulo de nodo

76
00:05:54,470 --> 00:05:57,950
usando NPM, el Administrador de paquetes de nodos.

77
00:05:57,950 --> 00:06:02,750
Por lo tanto, vamos a instalar este módulo de nodo llamado como servidor ligero.

78
00:06:02,750 --> 00:06:07,890
El servidor light servirá el contenido de esta carpeta git-test en

79
00:06:07,890 --> 00:06:13,150
un servidor que se inicia para que pueda ver el contenido en un navegador.

80
00:06:13,150 --> 00:06:15,753
Dado que tenemos un archivo index.html,

81
00:06:15,753 --> 00:06:19,580
si servimos esta carpeta, entonces será un sitio web.

82
00:06:19,580 --> 00:06:24,130
Y puede ver el index.html en un navegador.

83
00:06:24,130 --> 00:06:28,460
Por lo tanto, vamos a configurar el servidor de luz y luego veremos cómo podemos hacer

84
00:06:28,460 --> 00:06:31,820
uso del servidor de luz para servir el contenido de esta carpeta.

85
00:06:31,820 --> 00:06:36,530
Esto es muy, muy útil porque si estás trabajando en un

86
00:06:36,530 --> 00:06:42,240
proyecto de desarrollo web, quieres ver dónde está la versión en vivo de tu proyecto de desarrollo web.

87
00:06:42,240 --> 00:06:45,060
Para que, a medida que realice cambios en su proyecto,

88
00:06:45,060 --> 00:06:49,400
pueda ver los cambios inmediatamente reflejados en el navegador.

89
00:06:49,400 --> 00:06:53,840
Entonces, este es un paquete de nodo muy bueno que es muy útil para este propósito.

90
00:06:53,840 --> 00:06:55,980
Así que vamos a configurar este servidor de luz.

91
00:06:55,980 --> 00:06:58,190
Para hacer eso, agregue el mensaje.

92
00:06:58,190 --> 00:07:01,120
Escriba la instalación de NPM.

93
00:07:01,120 --> 00:07:05,244
Así que tenga en cuenta, si desea que NPM instale un paquete de nodo,

94
00:07:05,244 --> 00:07:10,686
así es como lo va a invocar y luego diría lite-server.

95
00:07:10,686 --> 00:07:16,685
Y luego, también queremos guardar el hecho de que nuestro proyecto está usando el servidor lite.

96
00:07:16,685 --> 00:07:20,587
Así que guardaremos esta información en el archivo package.json.

97
00:07:20,587 --> 00:07:27,492
Así que para hacer eso, vas a escribir — save-dev.

98
00:07:27,492 --> 00:07:33,398
Ahora la opción save-dev especifica que este servidor lite se utiliza

99
00:07:33,398 --> 00:07:37,820
para la dependencia de desarrollo de nuestro proyecto.

100
00:07:37,820 --> 00:07:43,230
Si está instalando un módulo de nodo del que su proyecto

101
00:07:43,230 --> 00:07:48,680
depende directamente, entonces lo instalaría simplemente diciendo —save option.

102
00:07:49,680 --> 00:07:52,110
Entonces, sigamos adelante e instalarlo.

103
00:07:52,110 --> 00:07:56,990
Y esperas pacientemente a que la instalación tenga lugar.

104
00:08:00,140 --> 00:08:06,890
Tardará unos minutos en completar su instalación.

105
00:08:06,890 --> 00:08:11,830
Una vez que está instalado, entonces

106
00:08:11,830 --> 00:08:16,771
se dará cuenta de inmediato cuando se mira el contenido de su carpeta,

107
00:08:16,771 --> 00:08:25,099
inmediatamente se dará cuenta de que hay una carpeta allí creada llamada node_modules.

108
00:08:25,099 --> 00:08:30,251
Ahora, si entra en el node_module, verá un montón

109
00:08:30,251 --> 00:08:35,120
de otras subcarpetas allí, que contienen módulos de nodo,

110
00:08:35,120 --> 00:08:40,098
que son necesarios para los gustos de nuestro módulo de nodo y así sucesivamente.

111
00:08:40,098 --> 00:08:44,873
Así que vamos a hacer un recorrido rápido por la carpeta de módulos de nodo para ver

112
00:08:44,873 --> 00:08:47,515
cuál es el contenido de estos.

113
00:08:50,764 --> 00:08:55,713
Ir a mi carpeta git-test, si vas a la carpeta de módulos de nodo,

114
00:08:55,713 --> 00:09:00,130
verías, como dije, un montón de subcarpetas allí.

115
00:09:00,130 --> 00:09:04,972
Normalmente no necesita aventurarse en la carpeta de módulos de nodo.

116
00:09:04,972 --> 00:09:09,222
Ellos simplemente existen allí porque son necesarios para el [INAUDIBLE].

117
00:09:09,222 --> 00:09:16,470
Por lo tanto, a medida que navega, debe observar una carpeta llamada lite-server aquí.

118
00:09:16,470 --> 00:09:18,970
Cuando vaya a la carpeta lite-server,

119
00:09:18,970 --> 00:09:23,860
tenga en cuenta en particular la presencia del archivo index.js y

120
00:09:23,860 --> 00:09:27,690
luego su archivo package.json y varias otras cosas.

121
00:09:27,690 --> 00:09:33,538
Por lo tanto, este contenido de la carpeta comprende el módulo de nodo lite-server.

122
00:09:33,538 --> 00:09:38,010
Pero este módulo de nodo de servidor lite-depende de otros módulos de nodo

123
00:09:38,010 --> 00:09:41,120
para proporcionarle alguna funcionalidad adicional.

124
00:09:41,120 --> 00:09:45,190
Así que esa es la razón cuando instala el módulo de nodo del servidor ligero, a su vez

125
00:09:45,190 --> 00:09:51,590
instalará muchos otros módulos de nodo, de los que depende el servidor de luz en sí.

126
00:09:51,590 --> 00:09:56,239
Así que esa es la razón por la que ves esa explosión de

127
00:09:56,239 --> 00:10:00,800
estas carpetas dentro de los módulos de nodo.

128
00:10:00,800 --> 00:10:04,670
No se preocupe demasiado por ello, la suma total de carpetas no será

129
00:10:04,670 --> 00:10:08,620
más de unas pocas decenas de megabytes.

130
00:10:08,620 --> 00:10:12,310
Por lo tanto, no va a llenar su directorio con basura.

131
00:10:13,400 --> 00:10:17,680
Todo esto es esencial para que el nodo pueda ayudarle.

132
00:10:19,420 --> 00:10:24,280
En caso de que tenga curiosidad sobre el servidor lite-y cómo funciona, etc.,

133
00:10:24,280 --> 00:10:29,780
siempre puede ir a este sitio de GitHub donde está alojado el servidor lite-.

134
00:10:29,780 --> 00:10:35,260
Y luego busque la documentación para lite-server.

135
00:10:35,260 --> 00:10:40,040
Te presentaré todo lo que necesites saber sobre lite-server a medida que pasamos por

136
00:10:40,040 --> 00:10:42,830
este curso y los cursos restantes.

137
00:10:42,830 --> 00:10:47,223
Así que no tienes que preocuparte demasiado por ello, pero por si acaso tienes curiosidad,

138
00:10:47,223 --> 00:10:51,306
siempre puedes ir al sitio para conocer más detalles sobre lite-server.

139
00:10:51,306 --> 00:10:56,651
El enlace se proporciona en las instrucciones de ejercicio y

140
00:10:56,651 --> 00:11:01,307
los recursos adicionales forman parte de esta lección.

141
00:11:03,640 --> 00:11:08,556
Una vez que haya completado eso, luego diríjase a la.

142
00:11:10,139 --> 00:11:15,050
Editor donde tiene la carpeta, carpeta Git-Test, abierta y

143
00:11:15,050 --> 00:11:18,925
luego ver el contenido del archivo package.json.

144
00:11:18,925 --> 00:11:23,876
Así que verá que el archivo package.json contiene exactamente la información

145
00:11:23,876 --> 00:11:25,722
que configuró con su NPM.

146
00:11:25,722 --> 00:11:30,937
Así que vería la versión del nombre y el autor del repositorio y,

147
00:11:30,937 --> 00:11:35,096
en particular, tenga en cuenta esta información aquí.

148
00:11:35,096 --> 00:11:41,211
Dice DevDependencies, por lo que luego especifica el lite-sever,

149
00:11:41,211 --> 00:11:44,931
y también nota que dice hat 2.2.2.

150
00:11:44,931 --> 00:11:50,643
Entonces, lo que significa que este proyecto en particular

151
00:11:50,643 --> 00:11:58,056
depende de lite-server que sea una versión al menos 2.2.2 o superior.

152
00:11:58,056 --> 00:12:00,472
Así que esto es muy útil para nosotros.

153
00:12:00,472 --> 00:12:04,110
¿ Por qué necesitamos esta información aquí?

154
00:12:04,110 --> 00:12:07,331
Más tarde, cuando vaya a los otros ejercicios,

155
00:12:07,331 --> 00:12:11,874
notará que cuando almacene esto en un repositorio en línea,

156
00:12:11,874 --> 00:12:16,765
no desea almacenar todo en su carpeta de módulos de nodo.

157
00:12:16,765 --> 00:12:23,950
Solo almacenará información de todos los archivos que hemos creado.

158
00:12:23,950 --> 00:12:28,849
La carpeta de módulos de nodo siempre se puede volver a crear

159
00:12:28,849 --> 00:12:33,056
escribiendo NPM install en nuestro símbolo del sistema.

160
00:12:33,056 --> 00:12:35,905
Y luego, en función de las dependencias de desarrollo y

161
00:12:35,905 --> 00:12:40,602
las dependencias que se enumeran en el archivo empaquetador, todos los

162
00:12:40,602 --> 00:12:45,306
módulos de nodo de los que depende su proyecto se instalarán automáticamente.

163
00:12:45,306 --> 00:12:50,194
Veremos que más adelante cómo usar la

164
00:12:50,194 --> 00:12:54,389
instalación de NPM en este curso.

165
00:12:56,473 --> 00:13:02,098
Ahora que estamos en el archivo package.json vamos a hacer un par de ediciones para

166
00:13:02,098 --> 00:13:08,431
que podamos hacer uso del servidor lite-para servir ese contenido.

167
00:13:08,431 --> 00:13:14,520
Así que aquí mismo, en esta opción llamada scripts,

168
00:13:14,520 --> 00:13:18,181
agreguemos uno más aquí.

169
00:13:18,181 --> 00:13:20,806
Entonces diremos «empezar».

170
00:13:20,806 --> 00:13:26,673
Así que start es un comando que admite NPM que

171
00:13:26,673 --> 00:13:32,682
le permite especificar un montón de cosas que se iniciarán.

172
00:13:32,682 --> 00:13:35,264
Así que más adelante veremos cómo hacemos uso de esto.

173
00:13:35,264 --> 00:13:39,512
Así que aquí voy a decir «npm run lite».

174
00:13:43,557 --> 00:13:48,462
Y después de esa prueba, voy a agregar

175
00:13:48,462 --> 00:13:53,059
una entrada más llamada «lite»,

176
00:13:53,059 --> 00:13:59,971
que configuraré como «lite-server», ¿de acuerdo?

177
00:13:59,971 --> 00:14:04,889
Con estos cambios, vamos a guardar el archivo package.json.

178
00:14:04,889 --> 00:14:11,170
Y luego, ahora nuestro proyecto está configurado, de modo que ahora si inicia el servidor lite-,

179
00:14:11,170 --> 00:14:16,682
el contenido de su carpeta será ahora servido en su navegador favorito.

180
00:14:21,306 --> 00:14:24,890
Volviendo a nuestro símbolo del sistema, agregue el símbolo.

181
00:14:24,890 --> 00:14:29,531
Si escribo, inicio npm, ahora ves por qué puse ese

182
00:14:29,531 --> 00:14:34,181
inicio de tarjeta de entrada en mi archivo Package.json.

183
00:14:34,181 --> 00:14:41,222
Si digo npm start, sea cual sea el inicio configurado como en el archivo Package.json,

184
00:14:41,222 --> 00:14:47,472
especificamos que npm ejecute light, y lite se especificó como servidor lite.

185
00:14:47,472 --> 00:14:50,420
Así que básicamente, estamos diciendo Iniciar el servidor lite-.

186
00:14:50,420 --> 00:14:54,821
Entonces, una vez que escriba npm start, iniciará el servidor lite-y

187
00:14:54,821 --> 00:14:57,931
servirá el contenido de esta carpeta.

188
00:14:57,931 --> 00:15:00,889
Ahora, ¿cómo se accede al contenido de esta carpeta?

189
00:15:00,889 --> 00:15:04,812
Si desea acceder a esto localmente,

190
00:15:04,812 --> 00:15:12,056
lo accederá especificando el que es como localhost: 3000.

191
00:15:12,056 --> 00:15:15,389
Estos son los valores predeterminados para el servidor lite-.

192
00:15:15,389 --> 00:15:19,831
Además, esto debería abrir automáticamente

193
00:15:19,831 --> 00:15:24,382
la ventana del navegador de su navegador predeterminado, y

194
00:15:24,382 --> 00:15:29,722
mostrar el contenido del índice o HTML en la ventana del navegador.

195
00:15:29,722 --> 00:15:34,480
Aquí puede ver que he abierto mi editor y la

196
00:15:34,480 --> 00:15:39,849
ventana de mi navegador dirigidos a localhost: 3000

197
00:15:39,849 --> 00:15:44,730
simultáneamente uno al lado del otro, para que podamos ver

198
00:15:44,730 --> 00:15:49,733
cómo la ventana del navegador reflejará inmediatamente

199
00:15:49,733 --> 00:15:54,760
cualquier cambio que hagamos en nuestra carpeta de prueba de Git.

200
00:15:54,760 --> 00:15:57,780
Así que déjame ir a index.html.

201
00:15:57,780 --> 00:16:03,060
Y luego, por el bien del espacio, voy a darle la vuelta.

202
00:16:03,060 --> 00:16:07,680
Y entonces, así que aquí, puedes ver que este es el contenido de esto.

203
00:16:07,680 --> 00:16:11,554
Y luego, ahora, permítanme añadir un párrafo más.

204
00:16:21,328 --> 00:16:27,338
Y guarde los cambios, y luego notará inmediatamente que

205
00:16:27,338 --> 00:16:34,980
el cambio que hice en mi archivo index.html se refleja en mi navegador.

206
00:16:34,980 --> 00:16:40,560
Esto proporciona una forma muy agradable de poder observar en

207
00:16:40,560 --> 00:16:45,890
tiempo real los cambios que realiza en su código que se reflejan en su navegador.

208
00:16:45,890 --> 00:16:49,920
Por lo tanto, cuando esté trabajando en un proyecto, será muy apropiado

209
00:16:49,920 --> 00:16:52,175
que pueda ver los cambios inmediatamente.

210
00:16:52,175 --> 00:16:54,895
Por lo tanto, cuando realiza un cambio y luego guarda el archivo,

211
00:16:54,895 --> 00:16:59,185
el código modificado se carga inmediatamente en su navegador.

212
00:16:59,185 --> 00:17:04,420
Así que puede ver inmediatamente el cambio que se refleja en la ventana de su navegador.

213
00:17:04,420 --> 00:17:12,400
Esta es una herramienta muy útil mientras está haciendo el desarrollo de su proyecto.

214
00:17:12,400 --> 00:17:18,026
Esa es la razón por la que te presenté a ese servidor lite-y

215
00:17:18,026 --> 00:17:24,791
lo configuré para que podamos hacer uso de él, mientras desarrollamos el sitio web en este curso.

216
00:17:27,033 --> 00:17:32,092
Si recuerdas, ya habíamos configurado nuestra carpeta git-test para ser un repositorio de Git.

217
00:17:32,092 --> 00:17:37,435
Así que comprobando de nuevo,

218
00:17:37,435 --> 00:17:40,805
veremos que ya tenemos tres commits en nuestro repositorio Git.

219
00:17:40,805 --> 00:17:45,885
Y este repositorio de Git ya está reflejado en nuestro repositorio Git en línea

220
00:17:45,885 --> 00:17:51,015
que hemos configurado en el ejercicio anterior ya sea en Bitbucket o GitHub.

221
00:17:51,015 --> 00:17:55,665
Mi carpeta git-test se sincroniza con mi

222
00:17:55,665 --> 00:18:02,380
repositorio de Bitbucket en este ejercicio en particular.

223
00:18:02,380 --> 00:18:08,220
Entonces, lo que voy a hacer ahora es mostrarle cómo puede excluir algunas

224
00:18:08,220 --> 00:18:13,830
carpetas de su carpeta de proyecto

225
00:18:13,830 --> 00:18:19,760
y luego asegurarse de que no estén sincronizadas con su repositorio en línea.

226
00:18:19,760 --> 00:18:24,480
Ahora, como dije, la carpeta node_modules siempre se puede volver a crear

227
00:18:24,480 --> 00:18:27,840
escribiendo npm install en el símbolo del sistema.

228
00:18:27,840 --> 00:18:31,490
Por eso, cuando subes

229
00:18:31,490 --> 00:18:36,690
el contenido de tu carpeta en un repositorio de Git en línea,

230
00:18:36,690 --> 00:18:42,320
o cuando haces una confirmación de la carpeta en tu repositorio de Git,

231
00:18:42,320 --> 00:18:47,230
no quieres que la carpeta node_modules o todas las subcarpetas debajo de ella se

232
00:18:47,230 --> 00:18:52,280
incluyan en la confirmación.

233
00:18:52,280 --> 00:18:55,950
Entonces, ¿cómo excluimos algunas carpetas o

234
00:18:55,950 --> 00:19:02,380
algunos archivos de nuestra carpeta para que no se registren en nuestro repositorio de Git?

235
00:19:02,380 --> 00:19:08,680
Así que para ello, vamos a configurar un archivo llamado .gitignore.

236
00:19:08,680 --> 00:19:11,860
Así que ese es el nombre del archivo, .gitignore.

237
00:19:11,860 --> 00:19:17,220
Entonces, para crear este archivo.gitignore, iremos a nuestro editor.

238
00:19:18,550 --> 00:19:23,956
Entonces, en el editor, en la carpeta git-test,

239
00:19:23,956 --> 00:19:31,300
voy a crear un nuevo archivo y lo nombraré .gitignore.

240
00:19:31,300 --> 00:19:34,650
Tenga en cuenta que el nombre comienza con un punto y

241
00:19:34,650 --> 00:19:39,840
, a continuación, el resto del nombre es g-i-t-i-g-n-o-r-e.

242
00:19:39,840 --> 00:19:44,492
Así que esto es muy importante que configure el archivo con exactamente ese nombre,

243
00:19:44,492 --> 00:19:45,329
.gitignore.

244
00:19:46,500 --> 00:19:51,070
Así que vamos a crear este archivo llamado .gitignore, y

245
00:19:51,070 --> 00:19:57,360
la primera línea de ese archivo, vamos a escribir como node_modules.

246
00:19:57,360 --> 00:20:01,450
Entonces, lo que esto significa es que la carpeta node_modules se

247
00:20:01,450 --> 00:20:04,410
excluirá de nuestro commit git.

248
00:20:05,850 --> 00:20:08,896
Entonces, una vez que creo ese archivo.gitignore y

249
00:20:08,896 --> 00:20:14,900
luego agrego node_modules en el archivo.gitignore, guardemos los cambios.

250
00:20:14,900 --> 00:20:19,735
Y luego ahora haremos una confirmación del estado actual de nuestro proyecto

251
00:20:19,735 --> 00:20:24,700
en nuestro repositorio Git.

252
00:20:24,700 --> 00:20:27,220
Espero que recuerdes tus comandos git.

253
00:20:27,220 --> 00:20:31,310
Vamos a hacer un estado de git, y luego cuando lo haga,

254
00:20:31,310 --> 00:20:36,194
inmediatamente notará que tiene el

255
00:20:36,194 --> 00:20:42,070
archivo index.html marcado como modificado, y luego los dos nuevos archivos, .gitignore y package.json.

256
00:20:42,070 --> 00:20:49,500
Entonces, hacemos un git add., y luego hacemos un estado de git.

257
00:20:49,500 --> 00:20:54,120
Y luego ves que todos estos nuevos archivos se han incorporado en tu confirmación.

258
00:20:54,120 --> 00:21:01,090
Vamos a hacer un git. git commit -m «cuarto commit».

259
00:21:01,090 --> 00:21:05,440
Y los archivos están comprometidos.

260
00:21:05,440 --> 00:21:09,303
Vamos a empujar el nuevo compromiso a nuestro repositorio en línea.

261
00:21:09,303 --> 00:21:13,905
Entonces, para hacer ese

262
00:21:13,905 --> 00:21:18,510
maestro de origen git push -u y esperar

263
00:21:18,510 --> 00:21:23,750
a que se empuje a nuestro servidor.

264
00:21:23,750 --> 00:21:27,403
Ahora, si vas a tu repositorio Git en línea,

265
00:21:27,403 --> 00:21:30,871
verás que el archivo package.json y

266
00:21:30,871 --> 00:21:36,132
.gitignore se habrían registrado en tu repositorio de Git. Al

267
00:21:36,132 --> 00:21:41,195
ir a mi repositorio de Bitbucket desde la prueba de Git,

268
00:21:41,195 --> 00:21:47,320
verá que cuando mire la fuente, verá que se ha agregado el archivo package.json. Se

269
00:21:47,320 --> 00:21:54,600
ha agregado el archivo.gitignore y se ha registrado el nuevo archivo index.html.

270
00:21:54,600 --> 00:21:57,570
Así que eso completa este ejercicio.

271
00:21:57,570 --> 00:21:58,770
Así que en este ejercicio,

272
00:21:58,770 --> 00:22:03,586
hemos aprendido cómo configurar un archivo package.json usando npm init.

273
00:22:03,586 --> 00:22:07,310
Hemos aprendido cómo instalar un módulo npm.

274
00:22:07,310 --> 00:22:11,900
Y hemos aprendido a usar el módulo lite-server npm para servir

275
00:22:11,900 --> 00:22:18,100
el contenido de nuestra carpeta de proyecto para que se pueda ver en un navegador.

276
00:22:18,100 --> 00:22:21,920
Por lo tanto, esta es una buena manera de servir sus contenidos web,

277
00:22:21,920 --> 00:22:25,360
su aplicación web o su sitio web, para

278
00:22:25,360 --> 00:22:31,680
que pueda ver los cambios en tiempo real reflejados en la ventana de su navegador.

279
00:22:31,680 --> 00:22:37,280
Y luego también vimos cómo podemos configurar el .gitignore para que algunas

280
00:22:37,280 --> 00:22:42,790
carpetas puedan excluirse de ser registradas en nuestro repositorio de Git.

281
00:22:42,790 --> 00:22:45,450
Esto completa este ejercicio.

282
00:22:45,450 --> 00:22:50,450
Entonces, con esto, estoy seguro de que has obtenido un buen manejo sobre

283
00:22:50,450 --> 00:22:56,280
el uso de Git, y luego también los módulos de nodo y nodo.

284
00:22:56,280 --> 00:23:02,020
No te preocupes, vamos a utilizar nodos extensamente, de varias maneras, a

285
00:23:02,020 --> 00:23:05,610
medida que pases por los cursos de esta especialización.

286
00:23:05,610 --> 00:23:06,497
Esto es sólo un comienzo.

287
00:23:06,497 --> 00:23:13,270
[ MÚSICA]