1 00:00:03,660 --> 00:00:07,550 Als erster Ansatz zur Automatisierung unserer Aufgaben 2 00:00:07,550 --> 00:00:12,515 schauen wir uns das Beispiel der Verwendung von NPM-Skripten an. 3 00:00:12,515 --> 00:00:22,015 In der Tat hatten wir bereits begonnen, NPM-Skripte in diesem Kurs in den früheren Lektionen zu verwenden. 4 00:00:22,015 --> 00:00:29,220 Lassen Sie uns schnell unsere package.json-Datei überprüfen, um zu sehen, wie wir ein paar 5 00:00:29,220 --> 00:00:36,755 NPM-Skripte in unserer package.json-Datei verwendet haben, um ein paar Aufgaben zu automatisieren. 6 00:00:36,755 --> 00:00:40,310 Wenn Sie sich unsere package.json-Datei ansehen, 7 00:00:40,310 --> 00:00:42,960 sehen Sie, dass 8 00:00:42,960 --> 00:00:47,650 wir in der package.json-Datei dieses JSON-Objekt namens scripts hatten. 9 00:00:47,650 --> 00:00:55,065 Innerhalb der Skripte hatten wir diese Eigenschaft namens start, die wir hier definiert haben, die wir 10 00:00:55,065 --> 00:01:03,945 als NPM run lite angegeben haben und auch wir spezifiziert diese lite als lite-server. 11 00:01:03,945 --> 00:01:07,825 Also, dann starten Sie Ihre Web-Entwicklung. 12 00:01:07,825 --> 00:01:15,240 Wir haben auch unseren Lite-Server gestartet, indem wir an der Eingabeaufforderung auf NPM start tippen. 13 00:01:15,240 --> 00:01:19,860 Nun, was uns das ermöglichte, ist, den Lite-Server in 14 00:01:19,860 --> 00:01:25,715 unserem Projektverzeichnis zu starten und die Dateien aus dem Verzeichnis zu speichern, 15 00:01:25,715 --> 00:01:28,410 so dass wir es in einem Browser sehen können. 16 00:01:28,410 --> 00:01:33,800 Wir haben festgestellt, dass dies ein nützlicher Ansatz ist, um 17 00:01:33,800 --> 00:01:43,305 die Änderungen, die wir an unseren Dateien vornehmen, live beobachten zu können, die sofort im Browser widergespiegelt werden. 18 00:01:43,305 --> 00:01:51,195 Nun, in anderen Aufgaben, die wir in der vorherigen Lektion konfiguriert und verwendet wurde, war SCSS, 19 00:01:51,195 --> 00:01:58,520 die verwendet wird, um den SCSS-Code in den entsprechenden CSS-Code umzuwandeln. 20 00:01:58,520 --> 00:02:08,235 Also haben wir dieses Zitat unquote NPM-Skript namens SCSS geschrieben, das den Knotensass ausgeführt hat, 21 00:02:08,235 --> 00:02:13,035 indem wir nach den SCSS-Dateien 22 00:02:13,035 --> 00:02:19,050 im CSS-Ordner suchen und sie dann in den entsprechenden CSS-Code umwandeln. 23 00:02:19,050 --> 00:02:20,760 Und um dies auszuführen, 24 00:02:20,760 --> 00:02:25,920 haben wir NPM ausführen SCSS an der Eingabeaufforderung eingegeben. 25 00:02:25,920 --> 00:02:30,710 So haben wir bereits gesehen, dass wir einige 26 00:02:30,710 --> 00:02:39,120 NPM-Skripte verwendet haben, um einige Aufgaben während unserer Webentwicklung zu automatisieren. 27 00:02:39,120 --> 00:02:43,360 Um zusammenzufassen, werden NPM-Skripte durch 28 00:02:43,360 --> 00:02:49,930 diese Skript-Eigenschaft in der package.json-Datei unterstützt, wie wir im Beispiel zuvor gesehen haben. 29 00:02:49,930 --> 00:02:52,370 Es gibt mehrere Skripte, die unterstützt werden. 30 00:02:52,370 --> 00:02:57,270 Besonders interessant für uns ist das Start-Skript, 31 00:02:57,270 --> 00:03:00,790 so dass Sie den Eingabeaufforderungstyp NPM start hinzufügen können, 32 00:03:00,790 --> 00:03:06,320 und dann wird das entsprechende Skript gestartet, auf das der Start verwiesen wird. 33 00:03:06,320 --> 00:03:10,275 Jetzt können wir beliebige Skripte in 34 00:03:10,275 --> 00:03:16,710 der Skript-Eigenschaft definieren und sie dann ausführen, indem Sie NPM ausführen und den Namen des Skripts sagen, 35 00:03:16,710 --> 00:03:22,165 wie Sie die Verwendung von NPM sah SCSS oder NPM laufen lite und so weiter. 36 00:03:22,165 --> 00:03:28,790 Wir werden dies nutzen, um ein paar zusätzliche Skripte entwickeln zu können, die 37 00:03:28,790 --> 00:03:35,935 viele dieser Aufgaben automatisieren, über die wir in der vorherigen Vorlesung gesprochen haben. Um 38 00:03:35,935 --> 00:03:40,890 uns zu helfen zu verstehen, wie wir NPM-Skripte nutzen können, um 39 00:03:40,890 --> 00:03:45,730 viele unserer Web-Entwicklungsaufgaben zu automatisieren, 40 00:03:45,730 --> 00:03:50,630 werden wir lernen, wie man die NPM-Skripte in der package.json-Datei konfiguriert 41 00:03:50,630 --> 00:03:53,000 und dann die Skripte ausführen, 42 00:03:53,000 --> 00:03:56,850 manchmal automatisch oder manchmal manuell 43 00:03:56,850 --> 00:04:02,670 die Skripte aufrufen, um , um den Aufbau und die Bereitstellung unserer Website zu erledigen.