1 00:00:03,660 --> 00:00:07,550 Come primo approccio per automatizzare le nostre attività, 2 00:00:07,550 --> 00:00:12,515 diamo un'occhiata all'esempio di utilizzo di script NPM. 3 00:00:12,515 --> 00:00:22,015 In effetti, avevamo già iniziato a utilizzare gli script NPM in questo corso nelle lezioni precedenti. 4 00:00:22,015 --> 00:00:29,220 Rivisitiamo rapidamente il nostro file package.json per vedere come abbiamo usato un paio di 5 00:00:29,220 --> 00:00:36,755 script NPM nel nostro file package.json per automatizzare un paio di attività. 6 00:00:36,755 --> 00:00:40,310 Dando un'occhiata al nostro file package.json, 7 00:00:40,310 --> 00:00:42,960 si vede che nel file package.json, 8 00:00:42,960 --> 00:00:47,650 avevamo questo oggetto JSON chiamato script. 9 00:00:47,650 --> 00:00:55,065 All' interno degli script, abbiamo avuto questa proprietà chiamata start che abbiamo definito qui che abbiamo 10 00:00:55,065 --> 00:01:03,945 specificato come NPM run lite e anche abbiamo specificato questa lite come lite-server. 11 00:01:03,945 --> 00:01:07,825 Quindi, allora avvii il tuo sviluppo web. 12 00:01:07,825 --> 00:01:15,240 Abbiamo anche avviato il nostro lite-server digitando su NPM start al prompt. 13 00:01:15,240 --> 00:01:19,860 Ora, ciò che questo ci ha permesso è di avviare il lite-server nella 14 00:01:19,860 --> 00:01:25,715 nostra directory di progetto e iniziare a salvare i file dalla directory, in 15 00:01:25,715 --> 00:01:28,410 modo che possiamo vederlo in un browser. 16 00:01:28,410 --> 00:01:33,800 Abbiamo trovato che questo è un approccio utile per essere in grado di guardare in diretta 17 00:01:33,800 --> 00:01:43,305 le modifiche che apportiamo ai nostri file che si riflettono immediatamente nel browser. 18 00:01:43,305 --> 00:01:51,195 Ora, in altre attività che abbiamo configurato e utilizzato nella lezione precedente era SCSS, 19 00:01:51,195 --> 00:01:58,520 che viene utilizzato per trasformare il codice SCSS nel codice CSS corrispondente. 20 00:01:58,520 --> 00:02:08,235 Così, abbiamo scritto questa citazione unquote NPM script chiamato come SCSS che ha eseguito il nodo sass 21 00:02:08,235 --> 00:02:13,035 cercando i file 22 00:02:13,035 --> 00:02:19,050 SCSS nella cartella CSS e quindi trasformandoli nel codice CSS corrispondente. 23 00:02:19,050 --> 00:02:20,760 E per eseguire questo, 24 00:02:20,760 --> 00:02:25,920 abbiamo digitato NPM eseguire SCSS al prompt dei comandi. 25 00:02:25,920 --> 00:02:30,710 Quindi, abbiamo già visto che abbiamo usato un paio di 26 00:02:30,710 --> 00:02:39,120 script NPM per automatizzare alcune attività durante il nostro sviluppo web. 27 00:02:39,120 --> 00:02:43,360 Quindi, per riassumere, gli script NPM sono supportati attraverso 28 00:02:43,360 --> 00:02:49,930 questa proprietà script nel file package.json come abbiamo visto nell'esempio precedente. 29 00:02:49,930 --> 00:02:52,370 Sono supportati diversi script. 30 00:02:52,370 --> 00:02:57,270 Uno in particolare che è di interesse per noi è lo start-script, in 31 00:02:57,270 --> 00:03:00,790 modo che è possibile aggiungere il prompt tipo NPM start, 32 00:03:00,790 --> 00:03:06,320 e quindi lo script corrispondente cui si fa riferimento dall'inizio, verrà avviato. 33 00:03:06,320 --> 00:03:10,275 Ora, siamo in grado di definire script arbitrari 34 00:03:10,275 --> 00:03:16,710 nella proprietà script e quindi eseguirli dicendo NPM esecuzione e il nome dello script, 35 00:03:16,710 --> 00:03:22,165 come si è visto l'uso di NPM eseguire SCSS o NPM run lite e così via. 36 00:03:22,165 --> 00:03:28,790 Ci accingiamo a sfruttare questo per essere in grado di sviluppare alcuni script aggiuntivi che 37 00:03:28,790 --> 00:03:35,935 automatizzeranno molte di quelle attività di cui abbiamo parlato nella lezione precedente. 38 00:03:35,935 --> 00:03:40,890 Quindi, per aiutarci a capire come possiamo sfruttare gli script NPM per 39 00:03:40,890 --> 00:03:45,730 automatizzare molte delle nostre attività di sviluppo web, 40 00:03:45,730 --> 00:03:50,630 impareremo come configurare gli script NPM nel file package.json 41 00:03:50,630 --> 00:03:53,000 e quindi eseguire gli script, 42 00:03:53,000 --> 00:03:56,850 a volte automaticamente o a volte manualmente richiamare 43 00:03:56,850 --> 00:04:02,670 gli script in ordine per fare la costruzione e la distribuzione del nostro sito web.