1
00:00:00,000 --> 00:00:05,564
[MUSIC]

2
00:00:05,564 --> 00:00:08,927
Ahora que tienes Node.js en tu computadora,

3
00:00:08,927 --> 00:00:13,870
obviamente estás queriendo comenzar a usarlo inmediatamente.

4
00:00:13,870 --> 00:00:16,844
Así que en este ejercicio comenzaremos a usar Node.

5
00:00:16,844 --> 00:00:19,980
Vamos a configurar un archivo package.json para

6
00:00:19,980 --> 00:00:24,880
nuestra carpeta git-test con la que hemos estado trabajando hasta ahora,

7
00:00:24,880 --> 00:00:29,780
entonces vamos a configurar un módulo de nodo llamado como lite-server que

8
00:00:29,780 --> 00:00:34,610
servirá el contenido de nuestra carpeta git-test.

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

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

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

12
00:00:48,499 --> 00:00:53,089
ver automáticamente las actualizaciones de nuestra ventana

13
00:00:53,089 --> 00:00:58,149
del navegador mientras hacemos cambios en nuestro archivo index.html o

14
00:00:58,149 --> 00:01:02,283
cualquier otro archivo en nuestra carpeta git-test.

15
00:01:02,283 --> 00:01:08,685
El lite-server es algo que vamos a utilizar ampliamente en este y

16
00:01:08,685 --> 00:01:13,805
cursos futuros para poder ver los cambios en tiempo real en

17
00:01:13,805 --> 00:01:18,730
una ventana del navegador mientras edita los archivos de su proyecto.

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

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

20
00:01:29,030 --> 00:01:33,254
Así que aquí, tengo algo de información de

21
00:01:33,254 --> 00:01:37,874
el sitio npmjs.org que especifica qué

22
00:01:37,874 --> 00:01:43,184
es exactamente el papel del archivo package.json.

23
00:01:43,184 --> 00:01:47,210
Entonces, el archivo package.json sirve como documentación

24
00:01:47,210 --> 00:01:51,670
sobre lo que todos los demás paquetes de los que depende su proyecto.

25
00:01:51,670 --> 00:01:55,130
Entonces, por ejemplo, cuando configure el lite-server para

26
00:01:55,130 --> 00:01:59,210
su proyecto, se registrará en el archivo package.json.

27
00:01:59,210 --> 00:02:07,200
Para que posteriormente, también pueda hacer uso de ese paquete en el futuro.

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

29
00:02:12,460 --> 00:02:14,710
de la que depende su proyecto.

30
00:02:14,710 --> 00:02:19,784
Así que incluso si el paquete del que depende cambia en el futuro,

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

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

33
00:02:30,650 --> 00:02:33,938
Y también hace que tus compilaciones sean reproducibles,

34
00:02:33,938 --> 00:02:37,918
lo que significa que cuando compartas tu código con otros,

35
00:02:37,918 --> 00:02:42,243
entonces ellos también pueden hacer la instalación de todos los módulos de Node,

36
00:02:42,243 --> 00:02:46,767
como veremos más adelante en este ejercicio, en su propia computadora.

37
00:02:50,728 --> 00:02:57,610
Entonces, obviamente, su próxima pregunta sería, ¿cómo creamos este archivo package.json?

38
00:02:57,610 --> 00:03:02,800
Si está comenzando un nuevo proyecto, donde desea inicializar el archivo package.json

39
00:03:02,800 --> 00:03:10,420
, simplemente escriba npm init en el símbolo del sistema en la carpeta del proyecto.

40
00:03:10,420 --> 00:03:13,300
Y entonces eso le llevará a través de un conjunto de pasos

41
00:03:13,300 --> 00:03:17,150
que le permitirá configurar su archivo package.json.

42
00:03:17,150 --> 00:03:20,910
Así que vamos a proceder con eso para nuestro proyecto git-test.

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

44
00:03:28,200 --> 00:03:31,900
Asegúrese de que también abra una ventana de terminal o

45
00:03:31,900 --> 00:03:34,728
una ventana de comando y luego vaya a la carpeta git-test.

46
00:03:34,728 --> 00:03:43,235
Y en el símbolo del sistema, escriba npm init y luego siga las preguntas que se le hagan.

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

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

49
00:03:51,453 --> 00:03:53,135
Podemos editar eso más tarde.

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

51
00:03:58,175 --> 00:04:04,475
Este es un directorio de prueba

52
00:04:04,475 --> 00:04:10,462
para aprender Git y Node.

53
00:04:10,462 --> 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, voy a decir index.html.

55
00:04:18,260 --> 00:04:24,508
Normalmente, si se trata de un paquete Node, el punto de entrada sería index.js.

56
00:04:24,508 --> 00:04:30,369
Ahora, esta carpeta que hemos configurado es una carpeta basada en index.html,

57
00:04:30,369 --> 00:04:34,018
así que es por eso que simplemente escribo index.html.

58
00:04:34,018 --> 00:04:35,801
Comando de prueba, nada.

59
00:04:35,801 --> 00:04:40,365
repositorio de Git, Si ya habíamos configurado el repositorio de Git en el anterior ejercicio

60
00:04:40,365 --> 00:04:43,783
, automáticamente lo solicitará para usted.

61
00:04:43,783 --> 00:04:48,733
Si no, esto estaría vacío y le daría una opción para escribir la URL del repositorio de Git

62
00:04:48,733 --> 00:04:53,920
en caso de que esté utilizando 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,501
Autor, escriba su nombre.

65
00:04:58,501 --> 00:04:59,933
Seamos narcisistas.

66
00:05:04,337 --> 00:05:06,267
y licencia.

67
00:05:06,267 --> 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,566
Así que si estás familiarizado con JSON, esto te parecerá muy, muy familiar.

69
00:05:18,566 --> 00:05:21,756
Así que si esto se ve bien, digamos que está bien.

70
00:05:21,756 --> 00:05:27,790
Y luego eso da como resultado la creación de los archivos package.json.

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

72
00:05:31,014 --> 00:05:36,109
verá el archivo package.json en el contenido de la carpeta.

73
00:05:36,109 --> 00:05:40,932
Abra la carpeta git-test en su editor favorito y

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

75
00:05:48,950 --> 00:05:53,161
Como el siguiente paso, vamos a aprender cómo podemos instalar

76
00:05:53,161 --> 00:05:57,702
un módulo de nodo usando NPM, el Administrador de paquetes de nodos.

77
00:05:57,702 --> 00:06:02,434
Así que vamos a instalar este módulo nodo llamado como lite-server.

78
00:06:02,434 --> 00:06:07,432
El servidor lite-servirá el contenido de esta carpeta git-test en

79
00:06:07,432 --> 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:18,404
Dado que tenemos un archivo index.html, si servimos esta carpeta

81
00:06:18,404 --> 00:06:24,130
entonces será un sitio web y se puede ver el index.html en un navegador.

82
00:06:24,130 --> 00:06:28,460
Así que vamos a configurar el servidor lite-y luego veremos cómo podemos hacer

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

84
00:06:31,820 --> 00:06:37,310
Esto es muy, muy útil porque si estás trabajando en un proyecto de desarrollo web,

85
00:06:37,310 --> 00:06:42,380
quieres ver la versión en vivo de tu proyecto de desarrollo web para

86
00:06:42,380 --> 00:06:45,060
que a medida que haces cambios en tu proyecto,

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

88
00:06:49,400 --> 00:06:53,840
Así que este es un muy buen paquete de Node que es muy útil para este propósito.

89
00:06:53,840 --> 00:06:55,980
Así que vamos a configurar el servidor lite-.

90
00:06:55,980 --> 00:07:01,120
Para hacerlo en el símbolo del sistema, escriba npm install.

91
00:07:01,120 --> 00:07:04,273
Así que tenga en cuenta, si desea que npm instale un paquete Node,

92
00:07:04,273 --> 00:07:06,594
así es como lo va a invocar.

93
00:07:06,594 --> 00:07:10,674
Y entonces dirías lite-server.

94
00:07:10,674 --> 00:07:16,685
Y luego también queremos salvar el hecho de que nuestro proyecto está usando el lite-server.

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

96
00:07:20,670 --> 00:07:27,918
Así que para hacer eso, vamos a escribir —save-dev.

97
00:07:27,918 --> 00:07:33,641
Ahora la opción save-dev especifica que este lite-server se utiliza para la dependencia de desarrollo

98
00:07:33,641 --> 00:07:37,820
para nuestro proyecto.

99
00:07:37,820 --> 00:07:43,230
Si está instalando un módulo Node del que su proyecto depende directamente

100
00:07:43,230 --> 00:07:49,680
, entonces lo instalaría simplemente diciendo —save option.

101
00:07:49,680 --> 00:07:52,110
Así que vamos a seguir adelante e instalarlo.

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

103
00:08:00,197 --> 00:08:07,029
Tomará todos unos minutos completar su instalación.

104
00:08:07,029 --> 00:08:11,991
Una vez que esté instalado, entonces usted inmediatamente

105
00:08:11,991 --> 00:08:16,953
aviso cuando mira el contenido de su carpeta,

106
00:08:16,953 --> 00:08:25,333
usted notará inmediatamente que hay una carpeta allí creada llamada node_modules.

107
00:08:25,333 --> 00:08:30,459
Ahora, si va a los node_modules verá un montón completo

108
00:08:30,459 --> 00:08:35,492
de otras subcarpetas allí que contienen módulos de nodo que

109
00:08:35,492 --> 00:08:40,170
son necesarios para el módulo de nodo lite-sever y así sucesivamente.

110
00:08:40,170 --> 00:08:44,925
Entonces, hagamos un recorrido rápido por la carpeta node_modules para ver

111
00:08:44,925 --> 00:08:47,363
cuáles son los contenidos de estos.

112
00:08:50,810 --> 00:08:55,893
Al ir a mi carpeta git-test, si vas a la carpeta node_modules,

113
00:08:55,893 --> 00:09:00,130
verás como dije, un montón de subcarpetas allí.

114
00:09:00,130 --> 00:09:04,904
Normalmente no necesita estar renderizado en la carpeta node_modules,

115
00:09:04,904 --> 00:09:09,384
solo existen allí porque son necesarios para el servidor lite-server.

116
00:09:09,384 --> 00:09:16,470
Así que, a medida que navega a través de usted, debe una carpeta de aviso llamado lite-server aquí.

117
00:09:16,470 --> 00:09:21,400
Cuando vaya a la carpeta lite-server, tenga en cuenta en particular la presencia de

118
00:09:21,400 --> 00:09:27,690
el archivo index.js y luego un archivo package.json, y varias otras cosas.

119
00:09:27,690 --> 00:09:33,928
Así que este contenido de la carpeta comprende el módulo de nodo lite-server.

120
00:09:33,928 --> 00:09:38,010
Pero este módulo de nodo lite-server depende de otros módulos de nodo

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

122
00:09:41,120 --> 00:09:46,456
Así que esa es la razón, cuando instale el módulo de nodo lite-server, a su vez

123
00:09:46,456 --> 00:09:51,590
instalará muchos otros módulos de nodo de los que depende el servidor lite-mismo.

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

125
00:09:56,810 --> 00:10:00,800
esas carpetas dentro de la carpeta node_modules.

126
00:10:00,800 --> 00:10:06,090
No te preocupes demasiado por ello, la suma total de todo esto no será más de

127
00:10:06,090 --> 00:10:08,620
unas pocas decenas de megabytes.

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

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

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

131
00:10:24,280 --> 00:10:30,010
Siempre puede ir a este sitio de GitHub donde se publica el servidor lite-y

132
00:10:30,010 --> 00:10:33,855
luego buscar la documentación para lite-server.

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

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

135
00:10:42,830 --> 00:10:44,560
Así que no tienes que preocuparte demasiado por ello.

136
00:10:44,560 --> 00:10:46,890
Pero por si tienes curiosidad,

137
00:10:46,890 --> 00:10:51,590
siempre puedes ir a este sitio para obtener más detalles sobre lite-server.

138
00:10:51,590 --> 00:10:55,710
El enlace se proporciona en sus instrucciones de ejercicio y

139
00:10:55,710 --> 00:11:01,220
recursos adicionales parte de esta lección.

140
00:11:04,040 --> 00:11:09,357
Una vez que haya completado eso, luego diríjase al editor,

141
00:11:09,357 --> 00:11:14,258
donde tiene la carpeta, carpeta git-test, abierta y

142
00:11:14,258 --> 00:11:18,753
luego ver el contenido del archivo package.json.

143
00:11:18,753 --> 00:11:23,604
Entonces verá que el archivo package.json contiene exactamente la información que

144
00:11:23,604 --> 00:11:25,691
configuró con su npm en él.

145
00:11:25,691 --> 00:11:31,414
Así que verá el nombre, la versión y el autor del repositorio,

146
00:11:31,414 --> 00:11:38,142
y en particular, tenga en cuenta que esta información aquí dice devDependencies.

147
00:11:38,142 --> 00:11:45,034
Y luego especifica lite-server, y también nota que dice, ^2.2.2.

148
00:11:45,034 --> 00:11:50,086
Entonces, lo que significa que este proyecto en particular depende de

149
00:11:50,086 --> 00:11:54,858
lite-server que es al menos una versión 2.2.2.

150
00:11:54,858 --> 00:11:56,078
Todos de alto nivel.

151
00:11:57,308 --> 00:12:00,488
Así que esto es muy útil para nosotros.

152
00:12:00,488 --> 00:12:05,942
Ahora, ¿por qué necesitamos esta información aquí, más adelante cuando vaya a los otros ejercicios

153
00:12:05,942 --> 00:12:11,669
, notará que cuando almacene esto en un repositorio en línea.

154
00:12:11,669 --> 00:12:16,738
No desea almacenar todo en su carpeta node_modules.

155
00:12:16,738 --> 00:12:23,902
Sólo almacenaremos información de todos los archivos que hemos creado.

156
00:12:23,902 --> 00:12:28,896
La carpeta node_modules siempre se puede recrear mediante

157
00:12:28,896 --> 00:12:33,270
escribiendo nmp install en nuestro símbolo del sistema.

158
00:12:33,270 --> 00:12:36,260
Y luego basado en las dependencias devDependencies y

159
00:12:36,260 --> 00:12:40,235
que se enumeran en el archivo package.json.

160
00:12:40,235 --> 00:12:44,542
Todos los módulos de nodo de los que depende su proyecto se instalarán automáticamente

161
00:12:44,542 --> 00:12:45,338
.

162
00:12:45,338 --> 00:12:48,868
Veremos que más adelante,

163
00:12:48,868 --> 00:12:54,330
sobre cómo usar npm install en este curso.

164
00:12:56,150 --> 00:13:02,020
Ahora, ahora que estamos en el archivo package.json, hagamos un par de ediciones para

165
00:13:02,020 --> 00:13:08,630
que podamos hacer uso del lite-server para servir ese contenido.

166
00:13:08,630 --> 00:13:14,694
Así que, justo aquí en esta opción llamada scripts,

167
00:13:14,694 --> 00:13:18,430
vamos a añadir uno más aquí.

168
00:13:18,430 --> 00:13:20,618
Así que vamos a decir, empezar.

169
00:13:20,618 --> 00:13:26,540
Así que start es un comando que npm soporta

170
00:13:26,540 --> 00:13:32,890
que le permite especificar un montón de cosas que se iniciarán.

171
00:13:32,890 --> 00:13:35,312
Así que más adelante, veremos cómo vamos a hacer uso de esto.

172
00:13:35,312 --> 00:13:39,668
Así que aquí, voy a decir, npm run lite.

173
00:13:43,407 --> 00:13:48,009
Y después de la prueba, voy a

174
00:13:48,009 --> 00:13:52,788
para agregar una entrada más llamada,

175
00:13:52,788 --> 00:13:59,725
lite que configuraré como lite-server.

176
00:13:59,725 --> 00:14:04,798
De acuerdo, con estos cambios, vamos a guardar el archivo package.json y

177
00:14:04,798 --> 00:14:07,740
entonces ahora, nuestro proyecto está configurado.

178
00:14:07,740 --> 00:14:11,046
Así que ahora, si inicias el lite-server,

179
00:14:11,046 --> 00:14:16,530
el contenido de tu carpeta será ahora servido en tu navegador favorito.

180
00:14:21,690 --> 00:14:25,050
Volviendo a nuestro símbolo del sistema y al símbolo del sistema.

181
00:14:25,050 --> 00:14:29,470
Si escribo npm start, ahora ves por qué

182
00:14:29,470 --> 00:14:34,320
puse esa entrada llamada start en mi archivo package.json.

183
00:14:34,320 --> 00:14:39,480
Entonces, si digo npm start, lo que sea que el inicio esté configurado como,

184
00:14:39,480 --> 00:14:42,310
en el archivo package.json.

185
00:14:42,310 --> 00:14:47,640
Especificamos que como npm run lite, y luego lite se especificó como lite-server.

186
00:14:47,640 --> 00:14:50,420
Así que esencialmente, estamos diciendo que inicie el lite-server.

187
00:14:50,420 --> 00:14:54,751
Así que una vez que escriba, npm start, iniciará el lite-server y

188
00:14:54,751 --> 00:14:57,928
servirá el contenido de esta carpeta.

189
00:14:57,928 --> 00:15:00,921
Ahora, ¿cómo se accede al contenido de esta carpeta?

190
00:15:00,921 --> 00:15:06,912
Si desea acceder a él localmente, accederá a él por

191
00:15:06,912 --> 00:15:12,120
especificando la URL como localhost:3000.

192
00:15:12,120 --> 00:15:15,550
Esta es la configuración predeterminada para el servidor lite-server.

193
00:15:15,550 --> 00:15:19,838
Además, esto debería abrir automáticamente

194
00:15:19,838 --> 00:15:24,016
la ventana del navegador de su navegador predeterminado y

195
00:15:24,016 --> 00:15:29,707
luego mostrar el contenido de index.html en esa ventana del navegador.

196
00:15:29,707 --> 00:15:34,244
Aquí, puedes ver que he abierto mi editor y

197
00:15:34,244 --> 00:15:39,115
mi ventana del navegador dirigida a localhost: 3000

198
00:15:39,115 --> 00:15:42,446
simultáneamente lado a lado.

199
00:15:42,446 --> 00:15:47,906
Para que podamos ver cómo la ventana del navegador reflejará inmediatamente

200
00:15:47,906 --> 00:15:54,760
cualquier cambio que hagamos en nuestros archivos en la carpeta git-test.

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

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

203
00:16:03,989 --> 00:16:07,372
Y entonces aquí se puede ver que este es el contenido de esto.

204
00:16:07,372 --> 00:16:12,392
Y ahora permítanme añadir en

205
00:16:12,392 --> 00:16:16,918
un párrafo más,

206
00:16:21,492 --> 00:16:24,150
Y guardar los cambios.

207
00:16:24,150 --> 00:16:29,220
Y luego notarás inmediatamente que el cambio que

208
00:16:29,220 --> 00:16:34,980
hice en mi archivo index.html se refleja en mi navegador.

209
00:16:34,980 --> 00:16:41,380
Esto proporciona una manera muy agradable de poder observar, en tiempo real,

210
00:16:41,380 --> 00:16:45,890
los cambios que haces en tu código siendo reflejados en tu navegador.

211
00:16:45,890 --> 00:16:49,920
Así que cuando usted está trabajando en un proyecto, sería muy apropiado que

212
00:16:49,920 --> 00:16:52,175
usted sea capaz de ver los cambios inmediatamente.

213
00:16:52,175 --> 00:16:54,895
Así que cuando haces un cambio y guardas el archivo,

214
00:16:54,895 --> 00:16:59,345
el código modificado se carga inmediatamente en tu navegador para que

215
00:16:59,345 --> 00:17:04,420
puedas ver inmediatamente el cambio reflejado en la ventana de tu navegador.

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

217
00:17:12,400 --> 00:17:17,400
Esa es la razón por la que te presenté al servidor lite y

218
00:17:17,400 --> 00:17:25,250
lo configuré para que podamos hacer uso de él mientras desarrollamos el sitio web en este curso.

219
00:17:27,280 --> 00:17:32,830
Si recuerdas, ya habíamos configurado nuestra carpeta git-test para ser un repositorio git,

220
00:17:32,830 --> 00:17:37,515
para que la comprobación de nuevo,

221
00:17:37,515 --> 00:17:40,805
veremos que ya tenemos tres commits en nuestro repositorio git.

222
00:17:40,805 --> 00:17:45,885
Y este repositorio git ya está en nuestro repositorio git en línea,

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

224
00:17:51,015 --> 00:17:56,849
Mi carpeta git-test está sincronizada con mi repositorio bitbucket

225
00:17:56,849 --> 00:18:02,386
en este ejercicio particular.

226
00:18:02,386 --> 00:18:08,220
Así que lo que voy a hacer ahora es mostrarle cómo puede excluir algunas carpetas

227
00:18:08,220 --> 00:18:13,980
de su carpeta de proyecto y

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

229
00:18:19,760 --> 00:18:24,714
Ahora como dije, la carpeta de módulos de nodo siempre se puede recrear

230
00:18:24,714 --> 00:18:27,679
escribiendo npminstall en el símbolo del sistema.

231
00:18:27,679 --> 00:18:32,089
Así que es por eso que, cuando subes el contenido de

232
00:18:32,089 --> 00:18:35,948
tu carpeta a un repositorio git en línea o

233
00:18:35,948 --> 00:18:41,240
cuando haces un commit de la carpeta a tu repositorio git,

234
00:18:41,240 --> 00:18:46,865
no quieres que la carpeta de módulos de notas o todas las subcarpetas

235
00:18:46,865 --> 00:18:52,280
debajo de ella se incluyan en el, Commit.

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

237
00:18:55,950 --> 00:19:02,380
algunos archivos de nuestra carpeta de ser registrados en nuestro repositorio git?

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

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

240
00:19:11,860 --> 00:19:17,220
Así que para crear este archivo.gitignore, vamos a ir a nuestro editor.

241
00:19:18,550 --> 00:19:24,929
Entonces, en el editor en la carpeta git test, voy a crear un nuevo archivo.

242
00:19:24,929 --> 00:19:31,300
Y lo nombraré .gitignore.

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

244
00:19:34,650 --> 00:19:39,840
entonces el resto del nombre es G-I-T-I-G-N-O-R-E.

245
00:19:39,840 --> 00:19:40,580
Así que esto es muy,

246
00:19:40,580 --> 00:19:45,320
muy importante que configure el fille con exactamente el nombre, .gitignore.

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

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

249
00:19:57,360 --> 00:19:59,550
Entonces, lo que esto significa es que,

250
00:19:59,550 --> 00:20:04,410
la carpeta del módulo del nodo va a ser excluida de nuestro commit de git.

251
00:20:05,850 --> 00:20:09,440
Así que una vez que creo ese archivo.gitignore y

252
00:20:09,440 --> 00:20:14,900
luego agregue módulos de nodo en el archivo.gitignore, guardemos los cambios.

253
00:20:14,900 --> 00:20:20,260
Y luego ahora haremos un commit del estado actual de nuestro proyecto

254
00:20:20,260 --> 00:20:22,860
en nuestro repositorio git.

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

256
00:20:27,220 --> 00:20:31,310
Hagamos un estado git, y luego cuando lo hagas,

257
00:20:31,310 --> 00:20:36,900
notarás inmediatamente que tienes el archivo index.html

258
00:20:36,900 --> 00:20:42,070
marcado como modificado y luego los dos nuevos archivos, .gitignore y package.json.

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

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

261
00:20:54,120 --> 00:20:59,665
Hagamos un commit git, git commit -m «cuarto commit

262
00:20:59,665 --> 00:21:05,440
». Y los archivos están comprometidos.

263
00:21:05,440 --> 00:21:10,300
Empujemos el nuevo compromiso a nuestro repositorio en línea.

264
00:21:10,300 --> 00:21:15,632
Así que para hacer eso, git push

265
00:21:15,632 --> 00:21:20,442
-u origin master.

266
00:21:20,442 --> 00:21:24,370
Y esperar a que sea empujado a nuestro servidor.

267
00:21:24,370 --> 00:21:29,320
Ahora, si va a su repositorio git en línea,

268
00:21:29,320 --> 00:21:31,909
verá que el archivo package.json y

269
00:21:31,909 --> 00:21:35,660
.gitignore se habrían registrado en su repositorio git.

270
00:21:37,250 --> 00:21:42,130
Ir a mi repositorio bitbucket para el git-test.

271
00:21:42,130 --> 00:21:45,050
Verá que cuando miro la fuente,

272
00:21:45,050 --> 00:21:47,440
verá que el archivo package.json ha sido agregado,

273
00:21:48,780 --> 00:21:54,600
se ha agregado el .gitignore, y el nuevo archivo index.html ha sido registrado.

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

275
00:21:57,630 --> 00:21:58,962
Así que en este ejercicio,

276
00:21:58,962 --> 00:22:03,760
hemos aprendido cómo configurar un archivo package.json usando npm minute.

277
00:22:03,760 --> 00:22:07,034
Hemos aprendido cómo instalar un módulo npm.

278
00:22:07,034 --> 00:22:12,220
Y hemos aprendido a usar el módulo npm servidor lite para servir

279
00:22:12,220 --> 00:22:18,100
el contenido de nuestra carpeta de proyecto para que pueda ser visto en un navegador.

280
00:22:18,100 --> 00:22:21,874
Así que esta es una buena manera de servir sus contenidos,

281
00:22:21,874 --> 00:22:24,912
su aplicación web o su sitio web para

282
00:22:24,912 --> 00:22:31,680
que pueda ver cambios en tiempo real reflejados en la ventana de su navegador.

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

284
00:22:37,280 --> 00:22:42,790
puedan excluirse de ser archivadas en nuestro repositorio git.

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

286
00:22:45,450 --> 00:22:50,450
Entonces, con esto, estoy seguro de que habrías obtenido un buen manejo en

287
00:22:50,450 --> 00:22:56,280
el uso de tanto git como módulos de nodo y nodo.

288
00:22:56,280 --> 00:22:57,060
No te preocupes.

289
00:22:57,060 --> 00:23:02,020
Vamos a utilizar el nodo ampliamente de varias maneras

290
00:23:02,020 --> 00:23:05,610
a medida que vaya a través de los cursos de esta especialización.

291
00:23:05,610 --> 00:23:10,238
Esto es sólo un comienzo.

292
00:23:10,238 --> 00:23:13,270
[MÚSICA]