1 00:00:01,700 --> 00:00:03,750 ‫-: Bevor wir zum 2 00:00:03,750 --> 00:00:06,860 ‫nächsten Abschnitt und mongoDB übergehen, möchte ich Ihnen 3 00:00:06,860 --> 00:00:10,230 ‫zeigen, wie Sie eslint zusammen mit prettier in vs 4 00:00:10,230 --> 00:00:13,090 ‫code einrichten, um unsere Codequalität zu verbessern. 5 00:00:13,090 --> 00:00:15,360 ‫Wenn Sie jetzt keinen vs-Code 6 00:00:15,360 --> 00:00:18,110 ‫verwenden oder bereits eine Art Linter in Ihrem 7 00:00:18,110 --> 00:00:22,150 ‫Workflow haben, markieren Sie diese Vorlesung bitte als abgeschlossen und fahren 8 00:00:22,150 --> 00:00:24,810 ‫Sie direkt mit dem nächsten Abschnitt fort. 9 00:00:24,810 --> 00:00:26,890 ‫Aber wenn Sie neu bei 10 00:00:26,890 --> 00:00:29,150 ‫es Lint sind und Ihre Codequalität verbessern 11 00:00:29,150 --> 00:00:31,543 ‫möchten, dann beginnen wir mit diesem Video. 12 00:00:33,210 --> 00:00:36,210 ‫Es Lint ist also im Grunde ein 13 00:00:36,210 --> 00:00:38,470 ‫Programm, das unseren Code ständig 14 00:00:38,470 --> 00:00:40,640 ‫scannt und potenzielle Codierungsfehler 15 00:00:40,640 --> 00:00:45,130 ‫oder einfach schlechte Codierungspraktiken findet, die es für falsch hält. 16 00:00:45,130 --> 00:00:47,730 ‫Es ist sehr, sehr konfigurierbar, sodass 17 00:00:47,730 --> 00:00:50,300 ‫wir es wirklich auf unsere Bedürfnisse 18 00:00:50,300 --> 00:00:52,130 ‫und Programmiergewohnheiten abstimmen können. 19 00:00:52,130 --> 00:00:55,740 ‫Jetzt können wir es Lint auch für die Codeformatierung verwenden, 20 00:00:55,740 --> 00:00:57,700 ‫aber wir werden weiterhin hübscheres 21 00:00:57,700 --> 00:01:00,610 ‫verwenden, das wir bereits zuvor dafür eingerichtet haben. 22 00:01:00,610 --> 00:01:02,526 ‫Also werden wir die ganze 23 00:01:02,526 --> 00:01:06,240 ‫Sache so einrichten, dass hübscher immer noch der Hauptcodeformatierer ist, 24 00:01:06,240 --> 00:01:08,730 ‫aber basierend auf einigen es Lint-Regeln, die 25 00:01:08,730 --> 00:01:10,130 ‫wir definieren werden. 26 00:01:10,130 --> 00:01:12,670 ‫Alles, was es Lint für uns tun 27 00:01:12,670 --> 00:01:14,780 ‫wird, ist, die Fehler hervorzuheben. 28 00:01:14,780 --> 00:01:16,520 ‫Aber ich weiß, dass 29 00:01:16,520 --> 00:01:19,290 ‫das alles wahrscheinlich verwirrender klingt als alles andere. 30 00:01:19,290 --> 00:01:22,700 ‫Also lassen Sie uns das jetzt tatsächlich einrichten. 31 00:01:22,700 --> 00:01:24,550 ‫Das erste, was ich 32 00:01:24,550 --> 00:01:27,893 ‫möchte, ist, die es Lint-Erweiterung für vs Code zu installieren. 33 00:01:29,100 --> 00:01:33,160 ‫Also komm her und suche nach es Lint. 34 00:01:33,160 --> 00:01:33,993 ‫Okay? 35 00:01:33,993 --> 00:01:35,340 ‫Und ich habe es bereits 36 00:01:35,340 --> 00:01:36,760 ‫installiert, aber es sieht so aus. 37 00:01:36,760 --> 00:01:38,890 ‫Alles, was Sie tun müssen, 38 00:01:38,890 --> 00:01:42,870 ‫ist, es zu installieren und dann wahrscheinlich dieses Fenster neu zu laden. 39 00:01:42,870 --> 00:01:45,350 ‫Und wenn Sie Prettier noch nicht eingerichtet 40 00:01:45,350 --> 00:01:47,343 ‫haben, machen Sie das auch. 41 00:01:49,260 --> 00:01:50,790 ‫Also mit dieser Erweiterung hier, 42 00:01:50,790 --> 00:01:52,540 ‫aber diese haben wir eigentlich schon 43 00:01:52,540 --> 00:01:55,473 ‫im ersten Abschnitt gemacht, wenn du das mit mir verfolgt hast. 44 00:01:56,480 --> 00:01:59,880 ‫Als nächstes müssen wir eine Reihe von Dev-Abhängigkeiten installieren, also 45 00:02:01,100 --> 00:02:04,125 ‫lassen Sie uns das hier tatsächlich viel größer machen 46 00:02:04,125 --> 00:02:06,930 ‫und zu unserem anderen Terminal hier gehen. 47 00:02:06,930 --> 00:02:11,060 ‫Nehmen wir also an, npm install und wir müssen es 48 00:02:11,060 --> 00:02:14,633 ‫Lint auch in hübscher als npm-Pakete installieren. 49 00:02:16,280 --> 00:02:17,113 ‫Okay? 50 00:02:18,210 --> 00:02:20,060 ‫So ist es Lint und 51 00:02:20,060 --> 00:02:22,010 ‫hübscher, und wahrscheinlich ist dies jetzt 52 00:02:22,010 --> 00:02:23,630 ‫das erste Mal, 53 00:02:23,630 --> 00:02:26,030 ‫dass wir tatsächlich mehrere Pakete gleichzeitig installieren. 54 00:02:26,030 --> 00:02:28,820 ‫Und das ist ganz einfach, wir schreiben all diese 55 00:02:28,820 --> 00:02:31,550 ‫Pakete einfach alle in den gleichen Befehl. 56 00:02:31,550 --> 00:02:32,383 ‫Okay? 57 00:02:32,383 --> 00:02:35,440 ‫Aber mit diesen beiden sind wir eigentlich noch lange nicht fertig. 58 00:02:35,440 --> 00:02:38,420 ‫Die nächste ist es Lint config prettier und diese 59 00:02:43,721 --> 00:02:46,630 ‫wird die Formatierung für es Lint deaktivieren, denn 60 00:02:46,630 --> 00:02:50,250 ‫denken Sie daran, wir möchten, dass unser Code hübscher formatiert wird. 61 00:02:50,250 --> 00:02:52,860 ‫Als nächstes haben wir es Lint 62 00:02:57,130 --> 00:02:58,970 ‫Plugin prettier und 63 00:02:58,970 --> 00:03:01,710 ‫dieses ermöglicht es Lint, Formatierungsfehler anzuzeigen, während 64 00:03:01,710 --> 00:03:03,770 ‫wir wieder mit prettier tippen. 65 00:03:03,770 --> 00:03:04,710 ‫Okay? 66 00:03:04,710 --> 00:03:07,460 ‫Und das alles ist natürlich sehr verwirrend 67 00:03:07,460 --> 00:03:10,570 ‫und ich brauchte viel Zeit, um das herauszufinden. 68 00:03:10,570 --> 00:03:13,280 ‫Und das ist wirklich nur ein Rezept, das 69 00:03:13,280 --> 00:03:14,880 ‫Sie hier befolgen müssen. 70 00:03:14,880 --> 00:03:15,713 ‫Okay? 71 00:03:15,713 --> 00:03:17,360 ‫Es geht also nicht 72 00:03:17,360 --> 00:03:19,240 ‫darum zu verstehen, was ich 73 00:03:19,240 --> 00:03:21,340 ‫hier tue, Sie müssen nur diesem Rezept 74 00:03:21,340 --> 00:03:24,230 ‫folgen, und es wird dann für dieses Projekt funktionieren, 75 00:03:24,230 --> 00:03:26,140 ‫und in zukünftigen Projekten müssen Sie 76 00:03:26,140 --> 00:03:29,210 ‫nur zu Ihrer Paket-Dot-Json-Datei gehen und kopieren Sie diese Konfiguration 77 00:03:29,210 --> 00:03:31,750 ‫und installieren Sie sie in Ihrem nächsten Projekt. 78 00:03:31,750 --> 00:03:33,400 ‫Denn eigentlich müssen alle 79 00:03:33,400 --> 00:03:35,270 ‫diese Pakete lokal installiert werden. 80 00:03:35,270 --> 00:03:37,180 ‫Es würde nicht funktionieren, wenn wir versuchen 81 00:03:37,180 --> 00:03:38,980 ‫würden, dies global zu tun. 82 00:03:38,980 --> 00:03:39,960 ‫In Ordung? 83 00:03:39,960 --> 00:03:43,320 ‫Wie auch immer, wir brauchen jetzt einen guten Styleguide für einige Jobs, 84 00:03:43,320 --> 00:03:44,530 ‫dem wir folgen können. 85 00:03:44,530 --> 00:03:46,550 ‫Und es gibt viele 86 00:03:46,550 --> 00:03:47,930 ‫Styleguides, aber 87 00:03:47,930 --> 00:03:50,940 ‫der beliebteste ist wahrscheinlich der Airbnb-Styleguide. 88 00:03:50,940 --> 00:03:53,950 ‫Und tatsächlich gibt es eine 89 00:03:53,950 --> 00:03:57,350 ‫es Lint-Konfiguration, die wir dafür verwenden können, 90 00:03:57,350 --> 00:04:02,300 ‫die sich auf npm befindet, und sie heißt eslint config airbnb. 91 00:04:02,300 --> 00:04:07,300 ‫Okay, als nächstes haben wir eslint-Plugin-Knoten, und dies fügt 92 00:04:08,260 --> 00:04:11,710 ‫ein paar spezifische eslint-Regeln nur für 93 00:04:11,710 --> 00:04:13,840 ‫nodejs hinzu, okay? 94 00:04:13,840 --> 00:04:15,980 ‫Also im Grunde um einige Fehler 95 00:04:15,980 --> 00:04:19,450 ‫zu finden, die wir beim Schreiben von nodejs-Code machen könnten. 96 00:04:19,450 --> 00:04:23,020 ‫Und jetzt endlich brauchen wir noch drei weitere 97 00:04:23,020 --> 00:04:25,920 ‫eslint-Plugins, die nur notwendig sind, damit der 98 00:04:25,920 --> 00:04:27,850 ‫Airbnb-Styleguide tatsächlich funktioniert. 99 00:04:27,850 --> 00:04:30,980 ‫Dieser Styleguide hängt also irgendwie davon ab. 100 00:04:30,980 --> 00:04:33,703 ‫Also eslint plugin, import, eslint, 101 00:04:34,750 --> 00:04:35,583 ‫plugin, jsx, 102 00:04:37,350 --> 00:04:38,183 ‫a11y, 103 00:04:39,390 --> 00:04:40,223 ‫und 104 00:04:42,520 --> 00:04:43,353 ‫ich 105 00:04:44,910 --> 00:04:46,450 ‫sehe, dass ich 106 00:04:46,450 --> 00:04:48,620 ‫hier einen Fehler habe. 107 00:04:50,320 --> 00:04:51,433 ‫Und schließlich eslint, 108 00:04:54,460 --> 00:04:55,460 ‫plugin, reagiere. 109 00:04:55,460 --> 00:04:57,830 ‫Auch wenn wir hier keinen React-Code 110 00:04:57,830 --> 00:04:59,830 ‫schreiben, brauchen wir diesen 111 00:04:59,830 --> 00:05:01,890 ‫dennoch, da der Airbnb-Styleguide davon abhängt. 112 00:05:01,890 --> 00:05:04,300 ‫Das sind also alle Pakete, ich hoffe, 113 00:05:04,300 --> 00:05:06,660 ‫dass ich sie richtig geschrieben habe. 114 00:05:06,660 --> 00:05:09,850 ‫Und jetzt müssen wir diese als Dev-Abhängigkeiten speichern, 115 00:05:09,850 --> 00:05:12,950 ‫also speichern Sie Dev und drücken Sie 116 00:05:12,950 --> 00:05:17,950 ‫jetzt die Eingabetaste und drücken Sie die Daumen, dass hier alles funktioniert. 117 00:05:18,550 --> 00:05:20,600 ‫Es scheint also so zu sein. 118 00:05:20,600 --> 00:05:22,767 ‫Werfen wir einen Blick auf unser 119 00:05:25,580 --> 00:05:29,480 ‫Paket dot json und tatsächlich haben wir hier alle diese Pakete. 120 00:05:29,480 --> 00:05:30,313 ‫Groß. 121 00:05:30,313 --> 00:05:32,480 ‫Jetzt ist der nächste Schritt, 122 00:05:32,480 --> 00:05:36,640 ‫dass wir Konfigurationsdateien für sowohl prettier als auch es lint benötigen, oder? 123 00:05:36,640 --> 00:05:39,560 ‫Und das für hübschere haben wir bereits erstellt und 124 00:05:39,560 --> 00:05:42,430 ‫es ist bereits in unserem Projekt hier. 125 00:05:42,430 --> 00:05:44,150 ‫Das ist auch dieses hier, und alles, was 126 00:05:44,150 --> 00:05:47,103 ‫ich hier getan habe, war zu sagen, dass ich immer das einzelne Zitat haben möchte. 127 00:05:48,200 --> 00:05:49,033 ‫Okay? 128 00:05:49,033 --> 00:05:52,530 ‫Und die andere ist die Konfigurationsdatei für es lint, 129 00:05:52,530 --> 00:05:55,560 ‫und wieder ist sie bereits in den 130 00:05:55,560 --> 00:05:58,290 ‫Startup-Dateien, weil wir wirklich keine Zeit 131 00:05:58,290 --> 00:06:00,560 ‫verschwenden müssen, nur um 132 00:06:00,560 --> 00:06:02,970 ‫diese schreckliche Konfigurationsdatei zu schreiben, oder? 133 00:06:02,970 --> 00:06:04,380 ‫Die Datei ist also 134 00:06:04,380 --> 00:06:06,900 ‫schon geschrieben, gehen wir sie einfach ganz schnell durch. 135 00:06:06,900 --> 00:06:08,270 ‫Hier haben 136 00:06:08,270 --> 00:06:10,060 ‫wir also erklärt, dass 137 00:06:10,060 --> 00:06:11,639 ‫wir den Airbnb-Styleguide verwenden 138 00:06:11,639 --> 00:06:15,420 ‫möchten, und auch hübscher, und auch das Node-Plugin, okay? 139 00:06:15,420 --> 00:06:18,580 ‫Jetzt dreht sich bei esl int alles um Codierungsregeln 140 00:06:18,580 --> 00:06:21,230 ‫und es gibt viele viele Regeln, die 141 00:06:21,230 --> 00:06:23,230 ‫es lint versucht, uns aufzuzwingen. 142 00:06:23,230 --> 00:06:24,760 ‫Aber wir können tatsächlich diejenigen 143 00:06:24,760 --> 00:06:27,060 ‫ändern, die wir verwenden möchten, einen nach dem anderen. 144 00:06:27,060 --> 00:06:29,320 ‫Und wir können sie entweder vollständig 145 00:06:29,320 --> 00:06:32,790 ‫deaktivieren oder nur eine Warnung anzeigen, anstatt einen Fehler anzuzeigen. 146 00:06:32,790 --> 00:06:35,351 ‫Eine Regel lautet beispielsweise, dass eslint 147 00:06:35,351 --> 00:06:38,760 ‫nicht möchte, dass wir Konsolen-Dot-Logs in unserem Code 148 00:06:38,760 --> 00:06:41,990 ‫verwenden, und gibt uns daher jedes Mal standardmäßig 149 00:06:41,990 --> 00:06:43,740 ‫einen Fehler aus, wenn 150 00:06:43,740 --> 00:06:45,210 ‫wir Console-Dot-Log verwenden. 151 00:06:45,210 --> 00:06:46,890 ‫Aber anstatt mir einen Fehler 152 00:06:46,890 --> 00:06:50,160 ‫anzuzeigen, konfiguriere ich es so, dass es mir nur eine 153 00:06:50,160 --> 00:06:52,170 ‫Warnung anzeigt, deshalb haben wir warnen. 154 00:06:52,170 --> 00:06:53,900 ‫Ich könnte es auch komplett 155 00:06:53,900 --> 00:06:55,937 ‫ausschalten, indem ich abschreibe, wie ich 156 00:06:55,937 --> 00:06:58,380 ‫es bei vielen dieser anderen Regeln getan habe. 157 00:06:58,380 --> 00:07:01,060 ‫Also zum Beispiel hier in diesem nächsten, 158 00:07:01,060 --> 00:07:03,220 ‫das sagt, dass jede einzelne 159 00:07:03,220 --> 00:07:05,750 ‫Funktion immer etwas zurückgeben sollte, okay? 160 00:07:05,750 --> 00:07:08,530 ‫Und manchmal haben wir einfach eine Funktion, die 161 00:07:08,530 --> 00:07:11,870 ‫das nicht tut, und deshalb musste ich diese Regel komplett deaktivieren. 162 00:07:11,870 --> 00:07:14,116 ‫Oder schließlich haben wir hier 163 00:07:14,116 --> 00:07:17,160 ‫zum Beispiel auch diese Regel, die besagt, dass es 164 00:07:17,160 --> 00:07:21,230 ‫niemals eine Variable geben sollte, die wir deklarieren, aber nicht verwenden. 165 00:07:21,230 --> 00:07:23,460 ‫Dies fängt tatsächlich viele Fehler auf, und 166 00:07:23,460 --> 00:07:26,140 ‫deshalb belasse ich es hier als Fehler, aber ich 167 00:07:26,140 --> 00:07:28,260 ‫habe auch einige Ausnahmen erstellt. 168 00:07:28,260 --> 00:07:30,950 ‫Also, diese vier Ausnahmen hier, die die typischen 169 00:07:30,950 --> 00:07:32,540 ‫Variablen sind, die wir 170 00:07:32,540 --> 00:07:33,980 ‫in express haben, 171 00:07:33,980 --> 00:07:38,170 ‫also in unseren Handlern in express, die wir aber nicht immer verwenden. 172 00:07:38,170 --> 00:07:39,003 ‫Rechts? 173 00:07:39,003 --> 00:07:41,840 ‫Und deshalb möchte ich nicht, dass diese jedes Mal 174 00:07:41,840 --> 00:07:43,790 ‫als Fehler markiert werden, wenn ich 175 00:07:43,790 --> 00:07:47,150 ‫beispielsweise eine req-Variable in einer Funktion habe, aber ich verwende sie nicht. 176 00:07:47,150 --> 00:07:48,130 ‫Okay? 177 00:07:48,130 --> 00:07:50,850 ‫Sie können sich also diese anderen Regeln hier 178 00:07:50,850 --> 00:07:52,440 ‫ansehen und entscheiden, welche 179 00:07:52,440 --> 00:07:54,180 ‫Ihnen gefallen und welche nicht. 180 00:07:54,180 --> 00:07:56,910 ‫Das sind also die Regeln, die für mich sinnvoll sind, 181 00:07:56,910 --> 00:07:59,520 ‫aber bei Ihnen kann es natürlich anders sein. 182 00:07:59,520 --> 00:08:01,950 ‫Lassen Sie uns einfach schnell auf die eslint-Website gehen, um 183 00:08:01,950 --> 00:08:03,630 ‫einen Blick auf all die Dinge zu 184 00:08:03,630 --> 00:08:05,163 ‫werfen, die Sie konfigurieren können. 185 00:08:07,900 --> 00:08:12,900 ‫Also es lint, dann haben Sie hier eine Dokumentation und einige Anweisungen, wie 186 00:08:13,230 --> 00:08:16,320 ‫Sie es konfigurieren können, aber alles, was ich 187 00:08:16,320 --> 00:08:17,740 ‫Ihnen wirklich zeigen 188 00:08:17,740 --> 00:08:19,800 ‫möchte, sind all diese verschiedenen Regeln. 189 00:08:19,800 --> 00:08:21,530 ‫Sie haben also 190 00:08:21,530 --> 00:08:25,110 ‫alle hier drin, und Sie sehen, es gibt 191 00:08:25,110 --> 00:08:28,741 ‫wirklich eine Menge davon, die Sie konfigurieren können, okay? 192 00:08:28,741 --> 00:08:31,010 ‫Sehen Sie sich das an, 193 00:08:31,010 --> 00:08:35,470 ‫aber eigentlich ist es einfacher, dieses eslint einfach zu konfigurieren, wenn Sie 194 00:08:35,470 --> 00:08:37,990 ‫einen neuen Fehler in Ihrem Code erhalten. 195 00:08:37,990 --> 00:08:38,823 ‫Okay? 196 00:08:38,823 --> 00:08:40,310 ‫Lassen Sie mich Ihnen das 197 00:08:40,310 --> 00:08:42,600 ‫zeigen, damit wir es jetzt in der Praxis sehen können. 198 00:08:42,600 --> 00:08:45,590 ‫Gehen wir also hier zu unserer Serverdatei und erstellen 199 00:08:45,590 --> 00:08:47,400 ‫Sie hier einfach Code, 200 00:08:47,400 --> 00:08:49,273 ‫der gegen einige es-Regeln verstößt. 201 00:08:50,440 --> 00:08:54,930 ‫Also zum Beispiel hier eine Variable definieren und ihr 202 00:08:54,930 --> 00:08:56,930 ‫dann etwas anderes zuweisen. 203 00:08:58,399 --> 00:09:01,400 ‫In Ordnung, und wir wissen also, dass x eine Konstante ist 204 00:09:01,400 --> 00:09:03,430 ‫und daher nicht neu zugewiesen werden sollte. 205 00:09:03,430 --> 00:09:05,070 ‫Wenn wir dies also jetzt 206 00:09:05,070 --> 00:09:07,160 ‫zugewiesen geben, sollten wir eigentlich einen Fehler sehen. 207 00:09:07,160 --> 00:09:10,210 ‫Und das haben wir nicht getan, also werde ich 208 00:09:10,210 --> 00:09:12,653 ‫das Fenster schließen und dann wieder öffnen. 209 00:09:13,640 --> 00:09:15,400 ‫Mach das auch so 210 00:09:15,400 --> 00:09:18,010 ‫und hoffentlich klappt es bis dahin. 211 00:09:18,010 --> 00:09:21,240 ‫Okay, und eigentlich sehen wir unsere Fehler hier 212 00:09:21,240 --> 00:09:22,968 ‫jetzt rot markiert. 213 00:09:22,968 --> 00:09:25,690 ‫Damit kommen wir nun zu dieser Registerkarte Probleme. 214 00:09:25,690 --> 00:09:28,160 ‫Lassen Sie mich es ein wenig nach 215 00:09:28,160 --> 00:09:32,020 ‫oben verschieben, und hier sehen wir alle Fehler, die wir haben. 216 00:09:32,020 --> 00:09:33,830 ‫Beginnen Sie also mit 217 00:09:33,830 --> 00:09:36,460 ‫dem ersten, erwartet Sie eine leere Zeile nach 218 00:09:36,460 --> 00:09:39,250 ‫der erforderlichen Anweisung, nicht gefolgt von einer weiteren Anforderung. 219 00:09:39,250 --> 00:09:40,840 ‫Im Grunde sagt 220 00:09:40,840 --> 00:09:43,680 ‫es mir also, dass es diese hier 221 00:09:44,750 --> 00:09:48,510 ‫oben erfordert und dann eine leere Zeile und dann so. 222 00:09:48,510 --> 00:09:50,710 ‫Und damit verschwindet der Fehler. 223 00:09:50,710 --> 00:09:51,543 ‫Okay? 224 00:09:51,543 --> 00:09:54,353 ‫Und so erzwingt diese Art einen schöneren Codierungsstandard. 225 00:09:55,790 --> 00:10:00,790 ‫Als nächstes haben wir x zugewiesen und einen Wert nie verwendet. 226 00:10:01,010 --> 00:10:02,867 ‫Und das sind keine 227 00:10:02,867 --> 00:10:05,110 ‫unbenutzten Variablen, die ich zuvor erwähnt habe. 228 00:10:05,110 --> 00:10:06,723 ‫Also dieser hier. 229 00:10:07,680 --> 00:10:08,513 ‫Okay? 230 00:10:08,513 --> 00:10:12,290 ‫Dies ist also ein Fehler, aber ich könnte es auch deaktivieren, nur um Ihnen 231 00:10:12,290 --> 00:10:14,643 ‫zu zeigen, wie sich das dann ändern würde. 232 00:10:15,830 --> 00:10:19,660 ‫Also habe ich es gespeichert und nun ist der Fehler weg. 233 00:10:19,660 --> 00:10:21,510 ‫Sie sehen also, dass es nicht mehr rot markiert ist. 234 00:10:22,930 --> 00:10:25,520 ‫Aber eigentlich möchte ich, dass dies ein 235 00:10:25,520 --> 00:10:29,873 ‫Fehler ist, also schreibe ich einen Fehler, speichere ihn und unser Fehler ist zurück. 236 00:10:31,970 --> 00:10:34,860 ‫Sie sehen, es wird deklariert, aber nie verwendet. 237 00:10:34,860 --> 00:10:37,660 ‫Und dann ist x hier konstant. 238 00:10:37,660 --> 00:10:39,600 ‫Wir haben hier also wirklich einen 239 00:10:39,600 --> 00:10:41,370 ‫Fehler gemacht, nämlich eine 240 00:10:41,370 --> 00:10:44,480 ‫Konstante neu zuzuweisen, und das ist nicht erlaubt, also lass 241 00:10:44,480 --> 00:10:47,300 ‫uns das loswerden und dann verschwindet der Fehler. 242 00:10:47,300 --> 00:10:49,280 ‫Wir haben diesen noch, da der Wert noch 243 00:10:49,280 --> 00:10:50,240 ‫nie verwendet wurde. 244 00:10:50,240 --> 00:10:55,240 ‫Schreiben wir schnell x plus zwei und jetzt ist es weg. 245 00:10:56,520 --> 00:10:59,180 ‫Aber wir haben den nächsten Fehler, im 246 00:10:59,180 --> 00:11:01,220 ‫Grunde einfach weil wir diesen 247 00:11:01,220 --> 00:11:04,220 ‫Code hier herumsitzen haben und nichts zugeordnet haben. 248 00:11:04,220 --> 00:11:07,277 ‫Sagen wir einfach, const y ist gleich diesem, aber dann 249 00:11:07,277 --> 00:11:10,930 ‫wird y natürlich zugewiesen, aber nie verwendet, und so treten wir 250 00:11:10,930 --> 00:11:12,931 ‫hier in diese Schleife ein. 251 00:11:12,931 --> 00:11:16,453 ‫Aber wie auch immer, dies war nur, um es Ihnen zu demonstrieren. 252 00:11:17,706 --> 00:11:20,580 ‫Sehen wir uns nun die letzte Warnung an. 253 00:11:20,580 --> 00:11:23,620 ‫Und das ist also keine Konsole, oder? 254 00:11:23,620 --> 00:11:26,450 ‫Denken Sie also daran, dass ich schon einmal darüber gesprochen habe und 255 00:11:26,450 --> 00:11:28,490 ‫es grün ist, weil es eine Warnung ist. 256 00:11:28,490 --> 00:11:31,790 ‫Also könnte ich es wieder ausschalten, und dann würde 257 00:11:31,790 --> 00:11:34,950 ‫mein Problem verschwinden, sodass der Code jetzt normal 258 00:11:34,950 --> 00:11:36,270 ‫aussehen würde. 259 00:11:36,270 --> 00:11:39,030 ‫Aber eigentlich möchte ich, dass eslint mich davor warnt, 260 00:11:39,030 --> 00:11:40,990 ‫weil es keine gute Praxis ist, 261 00:11:40,990 --> 00:11:43,703 ‫später in der Produktion allzu viele Konsolenprotokolle zu haben. 262 00:11:45,650 --> 00:11:48,440 ‫Alles klar, also ist es jetzt wieder da. 263 00:11:48,440 --> 00:11:51,660 ‫Und tatsächlich warnt mich vs code auch, dass es 264 00:11:51,660 --> 00:11:53,790 ‫hier in dieser Datei eine grüne 265 00:11:53,790 --> 00:11:54,743 ‫Warnung gibt. 266 00:11:55,810 --> 00:11:57,560 ‫Vielleicht haben Sie das schon einmal 267 00:11:57,560 --> 00:11:59,163 ‫bemerkt, aber wenn wir hier 268 00:12:02,043 --> 00:12:04,160 ‫einen Fehler eingeben, wird er tatsächlich rot. 269 00:12:04,160 --> 00:12:04,993 ‫Okay? 270 00:12:04,993 --> 00:12:08,150 ‫Jetzt ist es also rot, und wir haben da drin zwei Probleme. 271 00:12:08,150 --> 00:12:10,320 ‫Und das ist wirklich hilfreich, um Probleme 272 00:12:10,320 --> 00:12:12,323 ‫in all diesen Dateien zu identifizieren. 273 00:12:13,830 --> 00:12:16,770 ‫In Ordnung, lass es uns loswerden. 274 00:12:16,770 --> 00:12:19,175 ‫Und das ist es eigentlich. 275 00:12:19,175 --> 00:12:22,010 ‫Ich hoffe also, dass es auch für 276 00:12:22,010 --> 00:12:25,027 ‫Sie funktioniert hat, wenn Sie einen Fehler haben, versuchen 277 00:12:25,027 --> 00:12:27,890 ‫Sie einfach, die gleichen Pakete wie ich zu installieren. 278 00:12:27,890 --> 00:12:30,452 ‫Also all dies hier, und denken Sie daran, dass 279 00:12:30,452 --> 00:12:31,930 ‫Sie es so machen. 280 00:12:31,930 --> 00:12:34,710 ‫Wenn Sie also zum Beispiel 281 00:12:34,710 --> 00:12:39,710 ‫eslint five wollen, sagen Sie einfach npm I eslint at five. 282 00:12:40,060 --> 00:12:43,640 ‫Zum Beispiel können Sie sogar fünf Punkt 16 Punkt 0 wählen, 283 00:12:43,640 --> 00:12:46,370 ‫nur um wirklich sicherzustellen, dass alles gleich ist. 284 00:12:46,370 --> 00:12:48,960 ‫Und dann sollte bei mir alles 285 00:12:48,960 --> 00:12:51,050 ‫so funktionieren wie hier. 286 00:12:51,050 --> 00:12:53,757 ‫Großartig, also war dies ein weiterer 287 00:12:53,757 --> 00:12:56,690 ‫wichtiger Schritt auf Ihrem Weg zum Entwickler. 288 00:12:56,690 --> 00:12:58,940 ‫Denn glauben Sie mir, es ist 289 00:12:58,940 --> 00:13:02,430 ‫wirklich wichtig, Code-Linting zu haben, wie Sie es jetzt haben. 290 00:13:02,430 --> 00:13:04,300 ‫Also, für Ihr nächstes 291 00:13:04,300 --> 00:13:07,030 ‫Projekt kopieren Sie einfach diese Abhängigkeiten in 292 00:13:07,030 --> 00:13:09,410 ‫Ihre Packet-Dot-Json-Datei und installieren Sie sie 293 00:13:09,410 --> 00:13:10,750 ‫alle gleichzeitig. 294 00:13:10,750 --> 00:13:13,330 ‫Und das wird Ihr Leben dann viel einfacher machen. 295 00:13:13,330 --> 00:13:15,070 ‫So mache ich 296 00:13:15,070 --> 00:13:17,820 ‫es immer, und das gleiche natürlich mit 297 00:13:17,820 --> 00:13:20,170 ‫dem hübscheren rc und dieser eslint-Konfigurationsdatei. 298 00:13:20,170 --> 00:13:23,130 ‫Wie auch immer, genug geredet für dieses Video. 299 00:13:23,130 --> 00:13:25,690 ‫Wir sind nun endlich bereit, zum 300 00:13:25,690 --> 00:13:28,163 ‫sehr wichtigen Mongodb-Abschnitt überzugehen.