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

2
00:00:05,693 --> 00:00:09,002
Ora che hai Node.js sul tuo computer,

3
00:00:09,002 --> 00:00:13,870
ovviamente vuoi iniziare immediatamente a usarlo.

4
00:00:13,870 --> 00:00:17,038
Quindi, in questo esercizio, inizieremo a usare Node.

5
00:00:17,038 --> 00:00:20,921
Imposteremo un file confezionato, o adiacente, per

6
00:00:20,921 --> 00:00:25,500
la nostra cartella di test Git con cui abbiamo lavorato finora.

7
00:00:25,500 --> 00:00:30,400
Poi, ci sarà impostare un modulo nodo chiamato come server lite che

8
00:00:30,400 --> 00:00:34,519
servirà il contenuto della nostra cartella get test.

9
00:00:34,519 --> 00:00:39,760
E poi possiamo sfogliare questo file index.html e

10
00:00:39,760 --> 00:00:43,320
altri file in un browser.

11
00:00:43,320 --> 00:00:48,960
E vedremo anche come il server lite ci permetterà di

12
00:00:50,390 --> 00:00:56,805
vedere automaticamente gli aggiornamenti alla nostra finestra del browser come facciamo modifiche al nostro

13
00:00:56,805 --> 00:01:02,333
file index.html, o qualsiasi altro file nella nostra cartella get test.

14
00:01:02,333 --> 00:01:08,916
Il server lite è qualcosa che useremo ampiamente in questo e in

15
00:01:08,916 --> 00:01:14,010
corsi futuri, per essere in grado di vedere i cambiamenti in tempo reale

16
00:01:14,010 --> 00:01:19,125
in una finestra del browser mentre modifichi i file del tuo progetto.

17
00:01:22,216 --> 00:01:25,650
Come ho detto, vogliamo impostare il file package.json.

18
00:01:25,650 --> 00:01:29,300
Quindi, cos'è esattamente questo file package.json che stiamo andando a configurare?

19
00:01:29,300 --> 00:01:32,738
Quindi qui, ho alcune informazioni

20
00:01:32,738 --> 00:01:38,390
dal sito npmjs.org

21
00:01:38,390 --> 00:01:43,176
che specifica qual è esattamente il ruolo del file package.json.

22
00:01:43,176 --> 00:01:47,781
Quindi il file package.json serve come documentazione su ciò che tutti gli

23
00:01:47,781 --> 00:01:51,670
altri pacchetti da cui dipende il tuo progetto.

24
00:01:51,670 --> 00:01:56,030
Quindi, ad esempio, quando imposti il server lite del tuo progetto,

25
00:01:56,030 --> 00:01:58,907
questo verrà registrato nel file package.json.

26
00:01:58,907 --> 00:02:07,200
E in modo che, successivamente, si può anche fare uso di quel pacchetto in futuro.

27
00:02:07,200 --> 00:02:12,460
Inoltre, consente di specificare da quale versione specifica di un pacchetto

28
00:02:12,460 --> 00:02:14,710
dipende il progetto.

29
00:02:14,710 --> 00:02:19,784
Quindi, anche se il pacchetto che si dipende da modifiche in futuro,

30
00:02:19,784 --> 00:02:24,762
è possibile insistere sul fatto che si desidera che l'utente

31
00:02:24,762 --> 00:02:30,650
installi solo una versione specifica del pacchetto da utilizzare all'interno dell'applicazione nodo.

32
00:02:30,650 --> 00:02:34,151
Inoltre, rende le tue build riproducibili, il

33
00:02:34,151 --> 00:02:38,177
che significa che quando condividi il tuo codice con gli altri,

34
00:02:38,177 --> 00:02:42,552
allora possono anche fare l'installazione di tutti i moduli del nodo,

35
00:02:42,552 --> 00:02:47,128
come vedremo più avanti in questo esercizio, sul proprio computer.

36
00:02:50,900 --> 00:02:57,610
Quindi, ovviamente, la tua prossima domanda sarà, come creiamo questo file package.json?

37
00:02:57,610 --> 00:03:04,473
Se si avvia un nuovo progetto in cui si desidera inizializzare il

38
00:03:04,473 --> 00:03:10,425
file package.json, digitare semplicemente npm init al prompt nella cartella del progetto.

39
00:03:10,425 --> 00:03:14,789
E poi questo ti porterà attraverso una serie di passaggi che ti permetteranno di

40
00:03:14,789 --> 00:03:17,150
configurare il tuo file package.json.

41
00:03:17,150 --> 00:03:20,910
Quindi procediamo con quello per il nostro progetto di test Git.

42
00:03:22,290 --> 00:03:28,200
Quindi eccomi qui nella cartella git-test nella mia finestra del terminale.

43
00:03:28,200 --> 00:03:32,615
Assicurati di aprire anche una finestra di terminale o una finestra di comando e

44
00:03:32,615 --> 00:03:34,791
quindi vai alla cartella git-test.

45
00:03:34,791 --> 00:03:38,831
E al prompt, digita npm init.

46
00:03:38,831 --> 00:03:43,235
E poi segui le domande che vengono poste.

47
00:03:43,235 --> 00:03:48,275
Quindi, per il nome del progetto, lo lasceremo come predefinito, git-test.

48
00:03:48,275 --> 00:03:51,546
Per la versione, lo lasceremo come 1.0.0.

49
00:03:51,546 --> 00:03:53,135
Possiamo modificarlo più tardi.

50
00:03:53,135 --> 00:03:58,252
Per descrizione,

51
00:03:58,252 --> 00:04:04,647
questa è una directory di test

52
00:04:04,647 --> 00:04:10,740
per imparare Git e Node.

53
00:04:10,740 --> 00:04:13,400
Non importa, digita qualche descrizione lì.

54
00:04:13,400 --> 00:04:16,994
E poi il punto di ingresso, direi solo index.html.

55
00:04:18,260 --> 00:04:24,508
Di solito se si tratta di un pacchetto nodo, il punto di ingresso sarà index.js.

56
00:04:24,508 --> 00:04:28,623
Ora questa cartella che abbiamo installato è

57
00:04:28,623 --> 00:04:34,280
una cartella basata su index.html, quindi è per questo che ho appena digitato index.html.

58
00:04:34,280 --> 00:04:35,972
Comando di prova, niente.

59
00:04:35,972 --> 00:04:40,994
Git repository, se avessimo già configurato il repository git nell'

60
00:04:40,994 --> 00:04:45,297
esercizio precedente, ti chiederà automaticamente che, in caso contrario,

61
00:04:45,297 --> 00:04:50,318
questo sarebbe vuoto e ti darà un'opzione per digitare l'URL del repository git,

62
00:04:50,318 --> 00:04:53,920
nel caso in cui tu stia usando un repository git online.

63
00:04:53,920 --> 00:04:56,980
Alcune parole chiave per il tuo progetto, che lascerò vuoto.

64
00:04:56,980 --> 00:04:58,760
Autore, digita il tuo nome.

65
00:04:58,760 --> 00:05:00,214
Cerchiamo di essere narcisisti.

66
00:05:04,497 --> 00:05:06,590
E la patente.

67
00:05:06,590 --> 00:05:15,050
E poi, ti mostrerà la configurazione del file package.json in formato JSON.

68
00:05:15,050 --> 00:05:18,860
Quindi, se la tua famiglia ha un JSON, ti sembra molto, molto familiare.

69
00:05:18,860 --> 00:05:22,210
Quindi, se questo sembra tutto buono, diciamo solo OK e

70
00:05:22,210 --> 00:05:27,790
poi ciò si traduce nella creazione del file package.json.

71
00:05:27,790 --> 00:05:30,970
Quindi ora se elenchi il contenuto della cartella,

72
00:05:30,970 --> 00:05:34,680
vedresti il file package.json nel contenuto della cartella.

73
00:05:36,430 --> 00:05:42,210
Apri quella cartella di test Git nel tuo editor preferito,

74
00:05:42,210 --> 00:05:47,270
quindi dai un'occhiata al contenuto del file package.json nel tuo editor.

75
00:05:48,950 --> 00:05:54,470
Come passo successivo, impareremo come possiamo installare un modulo nodo

76
00:05:54,470 --> 00:05:57,950
utilizzando NPM, il Node Package Manager.

77
00:05:57,950 --> 00:06:02,750
Quindi, abbiamo intenzione di installare questo modulo nodo chiamato come server luce.

78
00:06:02,750 --> 00:06:07,890
Il light server servirà il contenuto di questa cartella git-test in

79
00:06:07,890 --> 00:06:13,150
un server che si avvia in modo da poter visualizzare il contenuto in un browser.

80
00:06:13,150 --> 00:06:15,753
Dato che abbiamo un file index.html,

81
00:06:15,753 --> 00:06:19,580
se serviamo questa cartella, allora sarà un sito web.

82
00:06:19,580 --> 00:06:24,130
E puoi visualizzare index.html in un browser.

83
00:06:24,130 --> 00:06:28,460
Quindi, impostiamo il server di luce e poi vedremo come possiamo fare

84
00:06:28,460 --> 00:06:31,820
uso del server di luce per servire il contenuto di questa cartella.

85
00:06:31,820 --> 00:06:36,530
Questo è molto, molto utile perché se stai lavorando a un

86
00:06:36,530 --> 00:06:42,240
progetto di sviluppo web, vuoi vedere dove versione live del tuo progetto di sviluppo web.

87
00:06:42,240 --> 00:06:45,060
In modo che, mentre apporti modifiche al tuo progetto,

88
00:06:45,060 --> 00:06:49,400
puoi vedere le modifiche immediatamente riflesse nel browser.

89
00:06:49,400 --> 00:06:53,840
Quindi questo è un ottimo pacchetto nodo che è molto utile per questo scopo.

90
00:06:53,840 --> 00:06:55,980
Quindi impostiamo questo server di luce.

91
00:06:55,980 --> 00:06:58,190
Per fare ciò, aggiungi il prompt.

92
00:06:58,190 --> 00:07:01,120
Digitare nell'installazione di NPM.

93
00:07:01,120 --> 00:07:05,244
Quindi nota, se vuoi che NPM installi un pacchetto nodo,

94
00:07:05,244 --> 00:07:10,686
questo è il modo in cui lo invocherai e poi diresti lite-server.

95
00:07:10,686 --> 00:07:16,685
E poi, vogliamo anche salvare il fatto che il nostro progetto sta usando il server lite.

96
00:07:16,685 --> 00:07:20,587
Quindi salveremo queste informazioni nel file package.json.

97
00:07:20,587 --> 00:07:27,492
Quindi, per farlo, si sta andando a digitare - save-dev.

98
00:07:27,492 --> 00:07:33,398
Ora l'opzione save-dev specifica che questo server lite viene utilizzato per la

99
00:07:33,398 --> 00:07:37,820
dipendenza di sviluppo per il nostro progetto.

100
00:07:37,820 --> 00:07:43,230
Se stai installando un modulo nodo da cui

101
00:07:43,230 --> 00:07:48,680
dipende direttamente il tuo progetto, allora lo installeresti semplicemente dicendo l'opzione —save.

102
00:07:49,680 --> 00:07:52,110
Quindi, andiamo avanti e installarlo.

103
00:07:52,110 --> 00:07:56,990
E aspetti pazientemente che l'installazione avvenga.

104
00:08:00,140 --> 00:08:06,890
Ci vorranno pochi minuti per completare l'installazione.

105
00:08:06,890 --> 00:08:11,830
Una volta installato, si

106
00:08:11,830 --> 00:08:16,771
noterà immediatamente quando si guarda il contenuto della cartella,

107
00:08:16,771 --> 00:08:25,099
si noterà immediatamente che c'è una cartella lì creata denominata node_modules.

108
00:08:25,099 --> 00:08:30,251
Ora, se vai nel node_module, vedrai un sacco

109
00:08:30,251 --> 00:08:35,120
di altre sottocartelle lì dentro, che contengono moduli nodo,

110
00:08:35,120 --> 00:08:40,098
che sono necessari per persone come il nostro modulo nodo e così via.

111
00:08:40,098 --> 00:08:44,873
Quindi facciamo un rapido tour della cartella dei moduli nodo per vedere

112
00:08:44,873 --> 00:08:47,515
quali sono i contenuti di questi.

113
00:08:50,764 --> 00:08:55,713
Andando alla mia cartella git-test, se stai andando alla cartella dei moduli del nodo,

114
00:08:55,713 --> 00:09:00,130
vedresti, come ho detto, un sacco di sottocartelle lì.

115
00:09:00,130 --> 00:09:04,972
Normalmente non è necessario avventurarsi nella cartella dei moduli del nodo.

116
00:09:04,972 --> 00:09:09,222
Esistono solo lì perché sono necessari per il [INUDIBILE].

117
00:09:09,222 --> 00:09:16,470
Quindi, mentre navighi, dovresti notare una cartella denominata lite-server qui.

118
00:09:16,470 --> 00:09:18,970
Quando si entra nella cartella lite-server,

119
00:09:18,970 --> 00:09:23,860
notare in particolare la presenza del file index.js e

120
00:09:23,860 --> 00:09:27,690
quindi il file package.json e molte altre cose.

121
00:09:27,690 --> 00:09:33,538
Quindi questo contenuto della cartella comprende il modulo nodo lite-server.

122
00:09:33,538 --> 00:09:38,010
Ma questo modulo nodo lite-server dipende da altri moduli nodo

123
00:09:38,010 --> 00:09:41,120
per fornire alcune funzionalità aggiuntive.

124
00:09:41,120 --> 00:09:45,190
Quindi questo è il motivo quando si installa il modulo nodo del server leggero, a sua volta

125
00:09:45,190 --> 00:09:51,590
installerà molti altri moduli nodo, da cui dipende il server di luce stesso.

126
00:09:51,590 --> 00:09:56,239
Quindi questo è il motivo per cui si vede che l'esplosione di

127
00:09:56,239 --> 00:10:00,800
queste cartelle all'interno dei moduli nodo.

128
00:10:00,800 --> 00:10:04,670
Non essere troppo preoccupato per questo, la somma totale delle cartelle non sarà

129
00:10:04,670 --> 00:10:08,620
più di poche decine di megabyte.

130
00:10:08,620 --> 00:10:12,310
Quindi non riempirà la tua directory di spazzatura.

131
00:10:13,400 --> 00:10:17,680
Questo è tutto essenziale per il nodo per essere in grado di aiutarti.

132
00:10:19,420 --> 00:10:24,280
Nel caso in cui tu sia curioso di conoscere il lite-server e come funziona e così via,

133
00:10:24,280 --> 00:10:29,780
puoi sempre andare giù a questo sito GitHub in cui è ospitato il lite-server.

134
00:10:29,780 --> 00:10:35,260
E poi cercare la documentazione per lite-server. Vi

135
00:10:35,260 --> 00:10:40,040
presenterò tutto ciò che avete bisogno di sapere su lite-server mentre passiamo attraverso

136
00:10:40,040 --> 00:10:42,830
questo corso e i corsi rimanenti.

137
00:10:42,830 --> 00:10:47,223
Quindi non c'è bisogno di preoccuparsi troppo, ma nel caso in cui siete curiosi,

138
00:10:47,223 --> 00:10:51,306
si può sempre andare sul sito per saperne di più su lite-server.

139
00:10:51,306 --> 00:10:56,651
Il link è fornito nelle istruzioni per l'allenamento e

140
00:10:56,651 --> 00:11:01,307
risorse aggiuntive fanno parte di questa lezione.

141
00:11:03,640 --> 00:11:08,556
Una volta completato questo, quindi dirigersi verso il.

142
00:11:10,139 --> 00:11:15,050
Editor in cui si ha la cartella, la cartella Git-Test, aperta e

143
00:11:15,050 --> 00:11:18,925
quindi visualizzare il contenuto del file package.json.

144
00:11:18,925 --> 00:11:23,876
Quindi vedresti che il file package.json contiene esattamente le informazioni

145
00:11:23,876 --> 00:11:25,722
configurate con il tuo NPM.

146
00:11:25,722 --> 00:11:30,937
Quindi vedresti la versione del nome e l'autore del repository e,

147
00:11:30,937 --> 00:11:35,096
in particolare, nota queste informazioni qui.

148
00:11:35,096 --> 00:11:41,211
Dice devDependencies, quindi specifica il lite-sever,

149
00:11:41,211 --> 00:11:44,931
e nota anche che dice hat 2.2.2.

150
00:11:44,931 --> 00:11:50,643
Quindi il che significa che questo particolare progetto

151
00:11:50,643 --> 00:11:58,056
dipende da lite-server che è almeno una versione 2.2.2 o superiore.

152
00:11:58,056 --> 00:12:00,472
Quindi questo è molto utile per noi.

153
00:12:00,472 --> 00:12:04,110
Ora perché abbiamo bisogno di queste informazioni qui?

154
00:12:04,110 --> 00:12:07,331
Più tardi, quando vai agli altri esercizi,

155
00:12:07,331 --> 00:12:11,874
noterai che quando lo memorizzi in un repository online,

156
00:12:11,874 --> 00:12:16,765
non vuoi archiviare tutto nella cartella dei moduli del nodo.

157
00:12:16,765 --> 00:12:23,950
Memorizzerai solo le informazioni di tutti i file che abbiamo creato.

158
00:12:23,950 --> 00:12:28,849
La cartella dei moduli nodo può sempre essere ricreata

159
00:12:28,849 --> 00:12:33,056
digitando NPM install al prompt dei comandi.

160
00:12:33,056 --> 00:12:35,905
E poi in base alle dipendenze di sviluppo e

161
00:12:35,905 --> 00:12:40,602
alle dipendenze elencate nel file packager, tutti i

162
00:12:40,602 --> 00:12:45,306
moduli nodo da cui dipende il progetto verranno installati automaticamente.

163
00:12:45,306 --> 00:12:50,194
Vedremo che più avanti su come utilizzare

164
00:12:50,194 --> 00:12:54,389
NPM installare in questo corso.

165
00:12:56,473 --> 00:13:02,098
Ora che siamo al file package.json facciamo un paio di modifiche in modo

166
00:13:02,098 --> 00:13:08,431
che saremo in grado di fare uso del lite-server per servire quel contenuto.

167
00:13:08,431 --> 00:13:14,520
Quindi proprio qui, in questa opzione chiamata script,

168
00:13:14,520 --> 00:13:18,181
aggiungiamo un altro qui.

169
00:13:18,181 --> 00:13:20,806
Quindi diremo «start».

170
00:13:20,806 --> 00:13:26,673
Quindi start è un comando supportato da NPM che

171
00:13:26,673 --> 00:13:32,682
consente di specificare un sacco di cose che verranno avviate.

172
00:13:32,682 --> 00:13:35,264
Quindi più tardi vedremo come ci avvaliamo di questo.

173
00:13:35,264 --> 00:13:39,512
Quindi qui ho intenzione di dire «npm run lite».

174
00:13:43,557 --> 00:13:48,462
E dopo quel test, aggiungerò

175
00:13:48,462 --> 00:13:53,059
un'altra voce chiamata «lite»,

176
00:13:53,059 --> 00:13:59,971
che configurerò come «lite-server», ok?

177
00:13:59,971 --> 00:14:04,889
Con queste modifiche, salviamo il file package.json.

178
00:14:04,889 --> 00:14:11,170
E poi, ora il nostro progetto è configurato, in modo che ora se avvii il lite- server,

179
00:14:11,170 --> 00:14:16,682
il contenuto della tua cartella sarà ora servito nel tuo browser preferito.

180
00:14:21,306 --> 00:14:24,890
Tornando al nostro prompt dei comandi, aggiungere il prompt.

181
00:14:24,890 --> 00:14:29,531
Se digito, npm start, ora vedi perché ho inserito quella

182
00:14:29,531 --> 00:14:34,181
scheda di ingresso nel mio file Package.json.

183
00:14:34,181 --> 00:14:41,222
Se dico npm start, qualunque sia l'avvio sia configurato come nel file Package.json,

184
00:14:41,222 --> 00:14:47,472
specifichiamo che npm run light e lite è stata specificata come server lite.

185
00:14:47,472 --> 00:14:50,420
Quindi, in sostanza, stiamo dicendo Avviare il lite-server.

186
00:14:50,420 --> 00:14:54,821
Quindi, una volta digitato npm start, avvierà il lite-server e

187
00:14:54,821 --> 00:14:57,931
servirà il contenuto di questa cartella.

188
00:14:57,931 --> 00:15:00,889
Ora come si accede al contenuto di questa cartella?

189
00:15:00,889 --> 00:15:04,812
Se vuoi accedere a questo localmente,

190
00:15:04,812 --> 00:15:12,056
accederai specificando che sei come localhost: 3000.

191
00:15:12,056 --> 00:15:15,389
Queste sono le impostazioni predefinite per il lite-server.

192
00:15:15,389 --> 00:15:19,831
Inoltre, questo dovrebbe aprire automaticamente

193
00:15:19,831 --> 00:15:24,382
la finestra del browser del browser predefinito e

194
00:15:24,382 --> 00:15:29,722
mostrare il contenuto di indice o HTML nella finestra del browser.

195
00:15:29,722 --> 00:15:34,480
Qui puoi vedere che ho aperto il mio editor e la

196
00:15:34,480 --> 00:15:39,849
mia finestra del browser diretto a localhost: 3000

197
00:15:39,849 --> 00:15:44,730
contemporaneamente fianco a fianco, in modo che possiamo vedere

198
00:15:44,730 --> 00:15:49,733
come la finestra del browser rifletterà immediatamente

199
00:15:49,733 --> 00:15:54,760
eventuali modifiche che apportiamo alla nostra cartella di test Git.

200
00:15:54,760 --> 00:15:57,780
Quindi lasciami andare a index.html.

201
00:15:57,780 --> 00:16:03,060
E poi, per il bene dello spazio, lo consegnero'.

202
00:16:03,060 --> 00:16:07,680
E poi, qui, potete vedere che questo è il contenuto di questo.

203
00:16:07,680 --> 00:16:11,554
E poi, ora, mi permetta di aggiungere un altro paragrafo.

204
00:16:21,328 --> 00:16:27,338
E salva le modifiche, e poi noterai immediatamente che

205
00:16:27,338 --> 00:16:34,980
la modifica che ho apportato al mio file index.html si riflette nel mio browser.

206
00:16:34,980 --> 00:16:40,560
Questo fornisce un modo molto bello di essere in grado di osservare in

207
00:16:40,560 --> 00:16:45,890
tempo reale le modifiche che apporti al tuo codice che vengono riflesse nel tuo browser.

208
00:16:45,890 --> 00:16:49,920
Quindi, quando si sta lavorando su un progetto, sarà molto appropriato per

209
00:16:49,920 --> 00:16:52,175
voi essere in grado di vedere le modifiche immediatamente.

210
00:16:52,175 --> 00:16:54,895
Quindi, quando apporti una modifica e poi salvi il file,

211
00:16:54,895 --> 00:16:59,185
il codice modificato viene immediatamente caricato nel tuo browser.

212
00:16:59,185 --> 00:17:04,420
Quindi puoi vedere immediatamente il cambiamento che si riflette nella finestra del tuo browser.

213
00:17:04,420 --> 00:17:12,400
Questo è uno strumento molto utile mentre stai facendo lo sviluppo del tuo progetto.

214
00:17:12,400 --> 00:17:18,026
Questo è il motivo per cui ti ho presentato a quel lite-server, e

215
00:17:18,026 --> 00:17:24,791
l'ho impostato in modo che possiamo farne uso, mentre sviluppiamo il sito web in questo corso.

216
00:17:27,033 --> 00:17:32,092
Se ricordi, avevamo già impostato la nostra cartella git-test per essere un repository Git.

217
00:17:32,092 --> 00:17:37,435
Così controllando di nuovo,

218
00:17:37,435 --> 00:17:40,805
Vedremo che abbiamo già tre commit nel nostro repository Git.

219
00:17:40,805 --> 00:17:45,885
E questo repository Git è già mirroring sul nostro repository Git online

220
00:17:45,885 --> 00:17:51,015
che abbiamo impostato nell'esercizio precedente sia su Bitbucket o GitHub.

221
00:17:51,015 --> 00:17:55,665
La mia cartella git-test viene sincronizzata con il mio

222
00:17:55,665 --> 00:18:02,380
repository Bitbucket in questo particolare esercizio.

223
00:18:02,380 --> 00:18:08,220
Quindi quello che ho intenzione di fare ora è mostrarti come è possibile escludere alcune

224
00:18:08,220 --> 00:18:13,830
cartelle dalla cartella del progetto

225
00:18:13,830 --> 00:18:19,760
e quindi assicurarmi che non siano sincronizzate con il tuo repository online.

226
00:18:19,760 --> 00:18:24,480
Ora, come ho detto, la cartella node_modules può sempre essere

227
00:18:24,480 --> 00:18:27,840
ricreata digitando npm install al prompt.

228
00:18:27,840 --> 00:18:31,490
Ecco perché quando carichi

229
00:18:31,490 --> 00:18:36,690
il contenuto della tua cartella in un repository Git online,

230
00:18:36,690 --> 00:18:42,320
o quando fai un commit della cartella nel tuo repository Git,

231
00:18:42,320 --> 00:18:47,230
non vuoi che la cartella node_modules o tutte le sottocartelle sotto di esso siano

232
00:18:47,230 --> 00:18:52,280
incluse nel commit.

233
00:18:52,280 --> 00:18:55,950
Quindi, come escludiamo alcune cartelle o

234
00:18:55,950 --> 00:19:02,380
alcuni file dalla nostra cartella dall'essere archiviati nel nostro repository Git?

235
00:19:02,380 --> 00:19:08,680
Quindi, per farlo, imposteremo un file chiamato .gitignore.

236
00:19:08,680 --> 00:19:11,860
Quindi questo è il nome del file, .gitignore.

237
00:19:11,860 --> 00:19:17,220
Quindi, per creare questo file.gitignore, andremo al nostro editor.

238
00:19:18,550 --> 00:19:23,956
Quindi nell'editor, nella cartella git-test,

239
00:19:23,956 --> 00:19:31,300
creerò un nuovo file e lo chiamerò .gitignore.

240
00:19:31,300 --> 00:19:34,650
Si noti che il nome inizia con un punto e

241
00:19:34,650 --> 00:19:39,840
poi, il resto del nome è g-i-t-i-g-n-o-r-e.

242
00:19:39,840 --> 00:19:44,492
Quindi questo è molto importante impostare il file con esattamente quel nome,

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

244
00:19:46,500 --> 00:19:51,070
Quindi creiamo questo file chiamato .gitignore, e

245
00:19:51,070 --> 00:19:57,360
la prima riga di quel file, scriveremo come node_modules.

246
00:19:57,360 --> 00:20:01,450
Quindi ciò significa che la cartella node_modules verrà

247
00:20:01,450 --> 00:20:04,410
esclusa dal nostro commit git.

248
00:20:05,850 --> 00:20:08,896
Quindi, una volta creato quel file.gitignore e

249
00:20:08,896 --> 00:20:14,900
poi aggiungo node_modules nel file.gitignore, salviamo le modifiche.

250
00:20:14,900 --> 00:20:19,735
E poi ora faremo un commit dello stato attuale del nostro progetto

251
00:20:19,735 --> 00:20:24,700
nel nostro repository Git.

252
00:20:24,700 --> 00:20:27,220
Spero che tu ricordi i tuoi comandi git.

253
00:20:27,220 --> 00:20:31,310
Facciamo uno stato git, e poi quando lo fai,

254
00:20:31,310 --> 00:20:36,194
noterai immediatamente che hai il

255
00:20:36,194 --> 00:20:42,070
file index.html contrassegnato come modificato, e poi i due nuovi file, .gitignore e package.json.

256
00:20:42,070 --> 00:20:49,500
Quindi, facciamo un git add., e poi facciamo uno stato git.

257
00:20:49,500 --> 00:20:54,120
E poi vedi che tutti questi nuovi file sono stati archiviati nel tuo commit.

258
00:20:54,120 --> 00:21:01,090
Facciamo un git commit. git commit -m «quarto commit».

259
00:21:01,090 --> 00:21:05,440
E i file sono impegnati.

260
00:21:05,440 --> 00:21:09,303
Proponiamo il nuovo commit al nostro repository online.

261
00:21:09,303 --> 00:21:13,905
Quindi, per fare questo git push -u

262
00:21:13,905 --> 00:21:18,510
origin master e attendere

263
00:21:18,510 --> 00:21:23,750
che venga spinto sul nostro server.

264
00:21:23,750 --> 00:21:27,403
Ora, se vai al tuo repository Git online,

265
00:21:27,403 --> 00:21:30,871
vedrai che il file package.json e

266
00:21:30,871 --> 00:21:36,132
.gitignore sarebbero stati archiviati nel tuo repository Git.

267
00:21:36,132 --> 00:21:41,195
Andando al mio repository Bitbucket dal test Git, vedrai che

268
00:21:41,195 --> 00:21:47,320
quando guardo la fonte, vedrai che il file package.json è stato aggiunto.

269
00:21:47,320 --> 00:21:54,600
Il file.gitignore è stato aggiunto e il nuovo file index.html è stato archiviato.

270
00:21:54,600 --> 00:21:57,570
Quindi questo completa questo esercizio.

271
00:21:57,570 --> 00:21:58,770
Quindi, in questo esercizio,

272
00:21:58,770 --> 00:22:03,586
abbiamo imparato come impostare un file package.json usando npm init.

273
00:22:03,586 --> 00:22:07,310
Abbiamo imparato come installare un modulo npm.

274
00:22:07,310 --> 00:22:11,900
E abbiamo imparato come usare il modulo lite-server npm per servire

275
00:22:11,900 --> 00:22:18,100
il contenuto della nostra cartella di progetto in modo che possa essere visualizzato in un browser.

276
00:22:18,100 --> 00:22:21,920
Quindi, questo è un bel modo di servire i tuoi contenuti web, la

277
00:22:21,920 --> 00:22:25,360
tua applicazione web o il tuo sito web, in modo

278
00:22:25,360 --> 00:22:31,680
che tu possa vedere le modifiche in tempo reale che vengono riflesse nella finestra del tuo browser.

279
00:22:31,680 --> 00:22:37,280
E poi abbiamo anche visto come possiamo configurare il.gitignore in modo che alcune

280
00:22:37,280 --> 00:22:42,790
cartelle possano essere escluse dal check-in nel nostro repository Git.

281
00:22:42,790 --> 00:22:45,450
Questo completa questo esercizio.

282
00:22:45,450 --> 00:22:50,450
Quindi con questo, sono sicuro che hai ottenuto una buona gestione

283
00:22:50,450 --> 00:22:56,280
sull'uso di entrambi Git, e quindi anche dei moduli nodo e nodo.

284
00:22:56,280 --> 00:23:02,020
Non preoccuparti, useremo il nodo ampiamente, in vari modi,

285
00:23:02,020 --> 00:23:05,610
mentre passerai attraverso i corsi di questa specializzazione.

286
00:23:05,610 --> 00:23:06,497
Questo è solo un inizio.

287
00:23:06,497 --> 00:23:13,270
[ MUSIC]