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

2
00:00:05,564 --> 00:00:08,927
Ora che hai Node.js sul tuo computer,

3
00:00:08,927 --> 00:00:13,870
ovviamente vuoi iniziare immediatamente a usarlo.

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

5
00:00:16,844 --> 00:00:19,980
Imposteremo un file package.json per la

6
00:00:19,980 --> 00:00:24,880
nostra cartella git-test con cui abbiamo lavorato finora,

7
00:00:24,880 --> 00:00:29,780
quindi imposteremo un modulo Node chiamato come lite-server che

8
00:00:29,780 --> 00:00:34,610
servirà il contenuto della nostra cartella git-test.

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

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

11
00:00:43,320 --> 00:00:48,499
E vedremo anche come il lite-server

12
00:00:48,499 --> 00:00:53,089
ci permetterà di vedere automaticamente gli aggiornamenti alla nostra

13
00:00:53,089 --> 00:00:58,149
finestra del browser come facciamo modifiche al nostro file index.html o

14
00:00:58,149 --> 00:01:02,283
qualsiasi altro file nella nostra cartella git-test.

15
00:01:02,283 --> 00:01:08,685
Il lite-server è qualcosa che useremo ampiamente in questo e

16
00:01:08,685 --> 00:01:13,805
futuri corsi per essere in grado di vedere i cambiamenti in tempo reale in

17
00:01:13,805 --> 00:01:18,730
una finestra del browser mentre modifichi i file del tuo progetto.

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

19
00:01:25,650 --> 00:01:29,030
Quindi, cos'è esattamente questo file package.json che stiamo per impostare?

20
00:01:29,030 --> 00:01:33,254
Quindi qui, ho alcune informazioni

21
00:01:33,254 --> 00:01:37,874
dal sito npmjs.org che specifica qual

22
00:01:37,874 --> 00:01:43,184
è esattamente il ruolo del file package.json.

23
00:01:43,184 --> 00:01:47,210
Quindi il file package.json serve come documentazione

24
00:01:47,210 --> 00:01:51,670
su ciò che tutti gli altri pacchetti da cui dipende il tuo progetto.

25
00:01:51,670 --> 00:01:55,130
Ad esempio, quando imposti il lite-server per

26
00:01:55,130 --> 00:01:59,210
il tuo progetto, questo verrà registrato nel file package.json. In

27
00:01:59,210 --> 00:02:07,200
modo che successivamente, si può anche fare uso di quel pacchetto in futuro.

28
00:02:07,200 --> 00:02:12,460
Inoltre, ti permette di specificare da quale versione specifica di un pacchetto

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

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

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

32
00:02:24,762 --> 00:02:30,650
versione specifica del pacchetto da utilizzare all'interno dell'applicazione Node.

33
00:02:30,650 --> 00:02:33,938
E inoltre rende le tue build riproducibili, il

34
00:02:33,938 --> 00:02:37,918
che significa che quando condividi il tuo codice con gli altri,

35
00:02:37,918 --> 00:02:42,243
allora possono anche fare l'installazione di tutti i moduli Node,

36
00:02:42,243 --> 00:02:46,767
come vedremo più avanti in questo esercizio, sul proprio computer.

37
00:02:50,728 --> 00:02:57,610
Quindi, ovviamente, la tua prossima domanda sarebbe, come creiamo questo file package.json?

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

39
00:03:02,800 --> 00:03:10,420
file package.json, digitare semplicemente npm init al prompt nella cartella del progetto.

40
00:03:10,420 --> 00:03:13,300
E poi questo ti porterà attraverso una serie di passaggi

41
00:03:13,300 --> 00:03:17,150
che ti permetteranno di configurare il tuo file package.json.

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

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

44
00:03:28,200 --> 00:03:31,900
Assicurati di aprire anche una finestra di terminale o

45
00:03:31,900 --> 00:03:34,728
una finestra di comando e quindi vai alla cartella git-test.

46
00:03:34,728 --> 00:03:43,235
E al prompt, digitare npm init e quindi seguire 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,453
Per la versione, lo lasceremo come 1.0.0.

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

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

51
00:03:58,175 --> 00:04:04,475
Questa è una directory di test

52
00:04:04,475 --> 00:04:10,462
per imparare Git e Node.

53
00:04:10,462 --> 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, dirò solo index.html.

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

56
00:04:24,508 --> 00:04:30,369
Ora, questa cartella che abbiamo impostato è una cartella basata su index.html,

57
00:04:30,369 --> 00:04:34,018
quindi è per questo che digito semplicemente index.html.

58
00:04:34,018 --> 00:04:35,801
Comando di prova, niente.

59
00:04:35,801 --> 00:04:40,365
Git repository, Se avessimo già configurato il repository Git nell'

60
00:04:40,365 --> 00:04:43,783
esercizio precedente, verrà automaticamente richiesto che per voi. In

61
00:04:43,783 --> 00:04:48,733
caso contrario, questo sarebbe vuoto e ti darà la possibilità di digitare l'

62
00:04:48,733 --> 00:04:53,920
URL del repository Git 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,501
Autore, digita il tuo nome.

65
00:04:58,501 --> 00:04:59,933
Cerchiamo di essere narcisisti.

66
00:05:04,337 --> 00:05:06,267
E la licenza.

67
00:05:06,267 --> 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,566
Quindi, se hai familiarità con JSON, questo ti sembrerà molto, molto familiare.

69
00:05:18,566 --> 00:05:21,756
Quindi se sembra tutto a posto, diciamo che va bene.

70
00:05:21,756 --> 00:05:27,790
E poi ciò si traduce nella creazione dei file package.json.

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

72
00:05:31,014 --> 00:05:36,109
vedresti il file package.json nel contenuto della cartella.

73
00:05:36,109 --> 00:05:40,932
Apri la cartella git-test nel tuo editor preferito e

74
00:05:40,932 --> 00:05:47,270
poi dai un'occhiata al contenuto del file package.json nel tuo editor.

75
00:05:48,950 --> 00:05:53,161
Come passo successivo, impareremo come possiamo installare

76
00:05:53,161 --> 00:05:57,702
un modulo nodo utilizzando NPM, il Node Package Manager.

77
00:05:57,702 --> 00:06:02,434
Quindi abbiamo intenzione di installare questo modulo nodo chiamato come lite-server.

78
00:06:02,434 --> 00:06:07,432
Il lite-server servirà il contenuto di questa cartella git-test in

79
00:06:07,432 --> 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:18,404
Dato che abbiamo un file index.html, se serviamo questa cartella

81
00:06:18,404 --> 00:06:24,130
allora sarà un sito web e puoi visualizzare il index.html in un browser.

82
00:06:24,130 --> 00:06:28,460
Quindi cerchiamo di impostare il lite-server e poi vedremo come possiamo fare

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

84
00:06:31,820 --> 00:06:37,310
Questo è molto, molto utile perché se stai lavorando su un progetto di sviluppo web,

85
00:06:37,310 --> 00:06:42,380
vuoi vedere la versione live del tuo progetto di sviluppo web in

86
00:06:42,380 --> 00:06:45,060
modo che quando apporti modifiche al tuo progetto,

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

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

89
00:06:53,840 --> 00:06:55,980
Quindi impostiamo il lite-server.

90
00:06:55,980 --> 00:07:01,120
Per farlo al prompt, digitare npm install.

91
00:07:01,120 --> 00:07:04,273
Quindi nota, se vuoi che npm installi un pacchetto Node,

92
00:07:04,273 --> 00:07:06,594
questo è il modo in cui lo invocherai.

93
00:07:06,594 --> 00:07:10,674
E poi direbbe lite-server.

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

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

96
00:07:20,670 --> 00:07:27,918
Quindi, per farlo, scriveremo —save-dev.

97
00:07:27,918 --> 00:07:33,641
Ora l'opzione save-dev specifica che questo lite-server viene utilizzato per la

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

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

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

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

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

103
00:08:00,197 --> 00:08:07,029
Ci vorranno pochi minuti per completare l'installazione.

104
00:08:07,029 --> 00:08:11,991
Una volta installato, si

105
00:08:11,991 --> 00:08:16,953
noterà immediatamente quando si guarda il contenuto della cartella,

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

107
00:08:25,333 --> 00:08:30,459
Ora, se vai nel node_modules vedrai un sacco

108
00:08:30,459 --> 00:08:35,492
di altre sottocartelle che contengono moduli di nodo che

109
00:08:35,492 --> 00:08:40,170
sono necessari per il modulo nodo lite-sever e così via.

110
00:08:40,170 --> 00:08:44,925
Quindi, facciamo un rapido tour della cartella node_modules per vedere

111
00:08:44,925 --> 00:08:47,363
quali sono i contenuti di questi.

112
00:08:50,810 --> 00:08:55,893
Andando alla mia cartella git-test, se stai andando alla cartella node_modules,

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

114
00:09:00,130 --> 00:09:04,904
Normalmente non è necessario eseguire il rendering nella cartella node_modules,

115
00:09:04,904 --> 00:09:09,384
esistono solo lì perché sono necessari per il lite-server.

116
00:09:09,384 --> 00:09:16,470
Così, come si naviga attraverso di voi, dovrebbe una cartella di avviso denominata lite-server qui.

117
00:09:16,470 --> 00:09:21,400
Quando si entra nella cartella lite-server, si noti in particolare la presenza

118
00:09:21,400 --> 00:09:27,690
del file index.js e quindi di un file package.json e molte altre cose.

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

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

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

122
00:09:41,120 --> 00:09:46,456
Quindi questo è il motivo, quando si installa il modulo nodo lite-server, a sua volta

123
00:09:46,456 --> 00:09:51,590
installerà molti altri moduli nodo da cui dipende il lite-server stesso.

124
00:09:51,590 --> 00:09:56,810
Quindi questo è il motivo per cui vedi quell'esplosione di

125
00:09:56,810 --> 00:10:00,800
quelle cartelle all'interno della cartella node_modules.

126
00:10:00,800 --> 00:10:06,090
Non essere troppo preoccupato per questo, la somma totale di tutto questo non sarà più di

127
00:10:06,090 --> 00:10:08,620
poche decine di megabyte.

128
00:10:08,620 --> 00:10:12,310
Quindi, non riempirà la tua directory con quella spazzatura.

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

130
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.

131
00:10:24,280 --> 00:10:30,010
Puoi sempre andare giù a questo sito GitHub in cui viene pubblicato il lite-server e

132
00:10:30,010 --> 00:10:33,855
quindi cercare la documentazione per lite-server. Vi

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

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

135
00:10:42,830 --> 00:10:44,560
Quindi non devi preoccuparti troppo.

136
00:10:44,560 --> 00:10:46,890
Ma nel caso in cui siete curiosi,

137
00:10:46,890 --> 00:10:51,590
si può sempre andare su questo sito per saperne di più su lite-server.

138
00:10:51,590 --> 00:10:55,710
Il link è fornito nelle istruzioni per l'esercizio e nelle

139
00:10:55,710 --> 00:11:01,220
risorse aggiuntive parte di questa lezione.

140
00:11:04,040 --> 00:11:09,357
Una volta completato ciò, vai all'editor,

141
00:11:09,357 --> 00:11:14,258
dove hai la cartella, la cartella git-test, apri e

142
00:11:14,258 --> 00:11:18,753
quindi visualizza il contenuto del file package.json.

143
00:11:18,753 --> 00:11:23,604
Quindi vedresti che il file package.json contiene esattamente le informazioni che

144
00:11:23,604 --> 00:11:25,691
hai configurato con il tuo npm al suo interno.

145
00:11:25,691 --> 00:11:31,414
Quindi vedresti il nome, la versione e l'autore del repository,

146
00:11:31,414 --> 00:11:38,142
e in particolare, nota queste informazioni qui dice devDependencies.

147
00:11:38,142 --> 00:11:45,034
E poi specifica lite-server, e nota anche che dice, ^2.2.2.

148
00:11:45,034 --> 00:11:50,086
Quindi il che significa che questo particolare progetto dipende da

149
00:11:50,086 --> 00:11:54,858
lite-server che è almeno una versione 2.2.2.

150
00:11:54,858 --> 00:11:56,078
Tutto di alto livello.

151
00:11:57,308 --> 00:12:00,488
Quindi questo è molto utile per noi.

152
00:12:00,488 --> 00:12:05,942
Ora, perché abbiamo bisogno di queste informazioni qui, più tardi quando si va agli altri

153
00:12:05,942 --> 00:12:11,669
esercizi, si noterà che quando si memorizza questo su un repository online.

154
00:12:11,669 --> 00:12:16,738
Non vuoi archiviare tutto nella cartella node_modules.

155
00:12:16,738 --> 00:12:23,902
Memorizzeremo solo le informazioni di tutti i file che abbiamo creato.

156
00:12:23,902 --> 00:12:28,896
La cartella node_modules può sempre essere ricreata

157
00:12:28,896 --> 00:12:33,270
digitando nmp install al prompt dei comandi.

158
00:12:33,270 --> 00:12:36,260
E poi basato sulle

159
00:12:36,260 --> 00:12:40,235
devDependencies e dipendenze elencate nel file package.json.

160
00:12:40,235 --> 00:12:44,542
Tutti i moduli nodo da cui dipende il progetto verranno

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

162
00:12:45,338 --> 00:12:48,868
Vedremo che più avanti,

163
00:12:48,868 --> 00:12:54,330
su come utilizzare npm install in questo corso.

164
00:12:56,150 --> 00:13:02,020
Ora, ora che siamo al file package.json, facciamo un paio di modifiche in modo

165
00:13:02,020 --> 00:13:08,630
che saremo in grado di fare uso del lite-server per servire quel contenuto.

166
00:13:08,630 --> 00:13:14,694
Quindi, proprio qui in questa opzione chiamata script,

167
00:13:14,694 --> 00:13:18,430
aggiungiamo un altro qui.

168
00:13:18,430 --> 00:13:20,618
Quindi diremo, inizia.

169
00:13:20,618 --> 00:13:26,540
Quindi start è un comando che supporta npm

170
00:13:26,540 --> 00:13:32,890
che consente di specificare un sacco di cose che verranno avviate.

171
00:13:32,890 --> 00:13:35,312
Quindi, più tardi, vedremo come faremo uso di questo.

172
00:13:35,312 --> 00:13:39,668
Quindi qui, sto per dire, npm run lite.

173
00:13:43,407 --> 00:13:48,009
E dopo il test,

174
00:13:48,009 --> 00:13:52,788
aggiungerò un'altra voce chiamata,

175
00:13:52,788 --> 00:13:59,725
lite che configurerò come lite-server.

176
00:13:59,725 --> 00:14:04,798
Ok, con queste modifiche, salviamo il file package.json e

177
00:14:04,798 --> 00:14:07,740
ora il nostro progetto è configurato.

178
00:14:07,740 --> 00:14:11,046
In modo che ora, se avvii il lite-server,

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

180
00:14:21,690 --> 00:14:25,050
Tornando al prompt dei comandi e al prompt.

181
00:14:25,050 --> 00:14:29,470
Se digito npm start, ora capisci perché

182
00:14:29,470 --> 00:14:34,320
ho inserito quella voce chiamata start nel mio file package.json.

183
00:14:34,320 --> 00:14:39,480
Quindi, se dico npm start, qualunque sia l'avvio sia configurato come,

184
00:14:39,480 --> 00:14:42,310
nel file package.json.

185
00:14:42,310 --> 00:14:47,640
Specifichiamo che come npm run lite, e quindi lite è stato specificato come lite-server.

186
00:14:47,640 --> 00:14:50,420
Quindi, in sostanza, stiamo dicendo avviare il lite-server.

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

188
00:14:54,751 --> 00:14:57,928
servirà il contenuto di questa cartella.

189
00:14:57,928 --> 00:15:00,921
Ora, come si accede al contenuto di questa cartella?

190
00:15:00,921 --> 00:15:06,912
Se si desidera accedervi localmente, si accederà

191
00:15:06,912 --> 00:15:12,120
specificando l'URL come localhost: 3000.

192
00:15:12,120 --> 00:15:15,550
Queste sono le impostazioni predefinite per il lite-server.

193
00:15:15,550 --> 00:15:19,838
Inoltre, questo dovrebbe aprire automaticamente

194
00:15:19,838 --> 00:15:24,016
la finestra del browser del browser predefinito e

195
00:15:24,016 --> 00:15:29,707
quindi mostrare il contenuto di index.html in quella finestra del browser.

196
00:15:29,707 --> 00:15:34,244
Qui, puoi vedere che ho aperto il mio editor e

197
00:15:34,244 --> 00:15:39,115
la mia finestra del browser diretto a localhost: 3000

198
00:15:39,115 --> 00:15:42,446
contemporaneamente side-by-side.

199
00:15:42,446 --> 00:15:47,906
In modo che possiamo vedere come la finestra del browser

200
00:15:47,906 --> 00:15:54,760
rifletterà immediatamente eventuali modifiche che apportiamo ai nostri file nella cartella git-test.

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

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

203
00:16:03,989 --> 00:16:07,372
E poi così qui potete vedere che questo è il contenuto di questo.

204
00:16:07,372 --> 00:16:12,392
E poi ora lasciami aggiungere

205
00:16:12,392 --> 00:16:16,918
un altro paragrafo,

206
00:16:21,492 --> 00:16:24,150
e salvare le modifiche.

207
00:16:24,150 --> 00:16:29,220
E poi noterai immediatamente che la modifica che

208
00:16:29,220 --> 00:16:34,980
ho apportato al mio file index.html si riflette nel mio browser.

209
00:16:34,980 --> 00:16:41,380
Questo fornisce un modo molto bello di essere in grado di osservare, in tempo reale,

210
00:16:41,380 --> 00:16:45,890
le modifiche che apporti al tuo codice che vengono riflesse nel tuo browser.

211
00:16:45,890 --> 00:16:49,920
Quindi, quando si lavora su un progetto, sarebbe molto appropriato per

212
00:16:49,920 --> 00:16:52,175
voi essere in grado di vedere i cambiamenti immediatamente.

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

214
00:16:54,895 --> 00:16:59,345
il codice modificato viene immediatamente caricato nel tuo browser in modo da

215
00:16:59,345 --> 00:17:04,420
poter vedere immediatamente la modifica riflessa nella finestra del browser.

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

217
00:17:12,400 --> 00:17:17,400
Questo è il motivo per cui ti ho presentato al server lite e

218
00:17:17,400 --> 00:17:25,250
configurato in modo che possiamo farne uso mentre sviluppiamo il sito web in questo corso.

219
00:17:27,280 --> 00:17:32,830
Se ricordi, avevamo già impostato la nostra cartella git-test per essere un repository git, in

220
00:17:32,830 --> 00:17:37,515
modo che controllando di nuovo,

221
00:17:37,515 --> 00:17:40,805
vedremo che abbiamo già tre commit nel nostro repository git.

222
00:17:40,805 --> 00:17:45,885
E questo repository git è già nel nostro repository git online,

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

224
00:17:51,015 --> 00:17:56,849
La mia cartella git-test è sincronizzata con il mio

225
00:17:56,849 --> 00:18:02,386
repository bitbucket in questo particolare esercizio.

226
00:18:02,386 --> 00:18:08,220
Quindi quello che farò ora è mostrarti come puoi escludere alcune

227
00:18:08,220 --> 00:18:13,980
cartelle dalla cartella del tuo progetto e

228
00:18:13,980 --> 00:18:19,760
quindi assicurarti che non siano sincronizzate con il tuo repository online.

229
00:18:19,760 --> 00:18:24,714
Ora, come ho detto, la cartella dei moduli del nodo può sempre essere

230
00:18:24,714 --> 00:18:27,679
ricreata digitando npminstall al prompt.

231
00:18:27,679 --> 00:18:32,089
Ecco perché, quando carichi il contenuto della

232
00:18:32,089 --> 00:18:35,948
tua cartella in un repository git online o

233
00:18:35,948 --> 00:18:41,240
quando fai un commit della cartella nel tuo repository git,

234
00:18:41,240 --> 00:18:46,865
non vuoi che la cartella dei moduli note o tutte le sottocartelle

235
00:18:46,865 --> 00:18:52,280
sotto di esso siano incluse nel, Commit.

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

237
00:18:55,950 --> 00:19:02,380
alcuni file dalla nostra cartella dall'essere archiviati nel nostro repository git.

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

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

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

241
00:19:18,550 --> 00:19:24,929
Quindi nell'editor nella cartella di test git, creerò un nuovo file.

242
00:19:24,929 --> 00:19:31,300
E lo chiamerò .gitignore.

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

244
00:19:34,650 --> 00:19:39,840
quindi il resto del nome è G-I-T-I-G-N-O-R-E.

245
00:19:39,840 --> 00:19:40,580
Quindi questo è molto,

246
00:19:40,580 --> 00:19:45,320
molto importante che tu abbia impostato la fille con esattamente il nome, .gitignore.

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

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

249
00:19:57,360 --> 00:19:59,550
Quindi ciò significa che,

250
00:19:59,550 --> 00:20:04,410
la cartella del modulo del nodo verrà esclusa dal nostro commit git.

251
00:20:05,850 --> 00:20:09,440
Quindi, una volta creato quel file.gitignore e

252
00:20:09,440 --> 00:20:14,900
poi aggiungo i moduli nodo nel file.gitignore, salviamo le modifiche.

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

254
00:20:20,260 --> 00:20:22,860
nel nostro repository git.

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

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

257
00:20:31,310 --> 00:20:36,900
noterai immediatamente che hai il file index.html

258
00:20:36,900 --> 00:20:42,070
contrassegnato come modificato e poi i due nuovi file, .gitignore e package.json.

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

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

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

262
00:20:59,665 --> 00:21:05,440
commit». E i file sono impegnati.

263
00:21:05,440 --> 00:21:10,300
Proponiamo il nuovo commit al nostro repository online.

264
00:21:10,300 --> 00:21:15,632
Quindi, per farlo, git push

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

266
00:21:20,442 --> 00:21:24,370
E aspetta che venga spinto sul nostro server.

267
00:21:24,370 --> 00:21:29,320
Ora, se vai al tuo repository git online,

268
00:21:29,320 --> 00:21:31,909
vedrai che il file package.json e

269
00:21:31,909 --> 00:21:35,660
.gitignore sarebbero stati archiviati nel tuo repository git.

270
00:21:37,250 --> 00:21:42,130
Andare al mio repository bitbucket per il git-test.

271
00:21:42,130 --> 00:21:45,050
Vedrai che quando guardo l'origine,

272
00:21:45,050 --> 00:21:47,440
vedrai che il file package.json è stato aggiunto,

273
00:21:48,780 --> 00:21:54,600
il.gitignore è stato aggiunto e il nuovo file index.html è stato archiviato.

274
00:21:54,600 --> 00:21:57,630
Quindi questo completa questo esercizio.

275
00:21:57,630 --> 00:21:58,962
Quindi, in questo esercizio,

276
00:21:58,962 --> 00:22:03,760
abbiamo imparato come impostare un file package.json utilizzando npm minute.

277
00:22:03,760 --> 00:22:07,034
Abbiamo imparato come installare un modulo npm.

278
00:22:07,034 --> 00:22:12,220
E abbiamo imparato come usare il modulo lite server npm per servire

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

280
00:22:18,100 --> 00:22:21,874
Quindi questo è un bel modo di servire i tuoi contenuti, la tua

281
00:22:21,874 --> 00:22:24,912
applicazione web o il tuo sito web in modo

282
00:22:24,912 --> 00:22:31,680
che tu possa vedere i cambiamenti in tempo reale che vengono riflessi nella finestra del tuo browser.

283
00:22:31,680 --> 00:22:37,280
E poi, abbiamo anche visto come possono impostare il.gitignore in modo che alcune

284
00:22:37,280 --> 00:22:42,790
cartelle possano essere escluse dall'essere archiviate nel nostro repository git.

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

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

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

288
00:22:56,280 --> 00:22:57,060
Non ti preoccupare.

289
00:22:57,060 --> 00:23:02,020
Useremo nodo ampiamente in vari modi

290
00:23:02,020 --> 00:23:05,610
come si passa attraverso i corsi di questa specializzazione.

291
00:23:05,610 --> 00:23:10,238
Questo è solo un inizio.

292
00:23:10,238 --> 00:23:13,270
[ MUSIC]