1
00:00:01,700 --> 00:00:03,750
‫-: Sebelum melanjutkan ke

2
00:00:03,750 --> 00:00:06,860
‫bagian berikutnya dan mongoDB, saya ingin menunjukkan kepada

3
00:00:06,860 --> 00:00:10,230
‫Anda cara mengatur eslint bersama dengan kode vs yang

4
00:00:10,230 --> 00:00:13,090
‫lebih cantik untuk meningkatkan kualitas kode kami.

5
00:00:13,090 --> 00:00:15,360
‫Sekarang jika Anda tidak menggunakan

6
00:00:15,360 --> 00:00:18,110
‫kode vs, atau jika Anda sudah memiliki

7
00:00:18,110 --> 00:00:22,150
‫semacam linter dalam alur kerja Anda, tandai kuliah ini sebagai

8
00:00:22,150 --> 00:00:24,810
‫selesai dan lanjutkan ke bagian berikutnya.

9
00:00:24,810 --> 00:00:26,890
‫Tetapi jika Anda baru mengenal

10
00:00:26,890 --> 00:00:29,150
‫es Lint, dan ingin meningkatkan kualitas kode

11
00:00:29,150 --> 00:00:31,543
‫Anda, mari kita mulai dengan video ini.

12
00:00:33,210 --> 00:00:36,210
‫Jadi es Lint pada dasarnya adalah sebuah

13
00:00:36,210 --> 00:00:38,470
‫program yang terus-menerus memindai kode

14
00:00:38,470 --> 00:00:40,640
‫kita dan menemukan potensi

15
00:00:40,640 --> 00:00:45,130
‫kesalahan pengkodean atau sekadar praktik pengkodean buruk yang dianggap salah.

16
00:00:45,130 --> 00:00:47,730
‫Ini sangat, sangat dapat dikonfigurasi sehingga

17
00:00:47,730 --> 00:00:50,300
‫kami benar-benar dapat menyesuaikannya dengan kebutuhan

18
00:00:50,300 --> 00:00:52,130
‫kami, dan kebiasaan pengkodean.

19
00:00:52,130 --> 00:00:55,740
‫Sekarang kita juga dapat menggunakan es Lint untuk pemformatan kode, tetapi

20
00:00:55,740 --> 00:00:57,700
‫kita akan terus menggunakan lebih

21
00:00:57,700 --> 00:01:00,610
‫cantik yang telah kita siapkan sebelumnya untuk itu.

22
00:01:00,610 --> 00:01:02,526
‫Jadi kita akan mengatur semua

23
00:01:02,526 --> 00:01:06,240
‫ini agar lebih cantik tetap menjadi pemformat kode utama tetapi

24
00:01:06,240 --> 00:01:08,730
‫berdasarkan beberapa aturan es Lint yang akan

25
00:01:08,730 --> 00:01:10,130
‫kita definisikan.

26
00:01:10,130 --> 00:01:12,670
‫Jadi yang akan dilakukan es Lint untuk

27
00:01:12,670 --> 00:01:14,780
‫kita adalah menyoroti kesalahannya.

28
00:01:14,780 --> 00:01:16,520
‫Tetapi saya tahu bahwa semua

29
00:01:16,520 --> 00:01:19,290
‫ini mungkin terdengar lebih membingungkan daripada yang lainnya.

30
00:01:19,290 --> 00:01:22,700
‫Jadi mari kita atur ini sekarang.

31
00:01:22,700 --> 00:01:24,550
‫Jadi hal pertama yang saya

32
00:01:24,550 --> 00:01:27,893
‫ingin Anda lakukan adalah menginstal ekstensi es Lint untuk vs Code.

33
00:01:29,100 --> 00:01:33,160
‫Jadi datang ke sini, dan cari es Lint.

34
00:01:33,160 --> 00:01:33,993
‫Oke?

35
00:01:33,993 --> 00:01:35,340
‫Dan saya sudah

36
00:01:35,340 --> 00:01:36,760
‫menginstalnya, tetapi tampilannya seperti ini.

37
00:01:36,760 --> 00:01:38,890
‫Jadi yang perlu Anda lakukan

38
00:01:38,890 --> 00:01:42,870
‫adalah melanjutkan dan menginstalnya, dan kemudian mungkin memuat ulang jendela ini.

39
00:01:42,870 --> 00:01:45,350
‫Dan jika Anda belum menyiapkan Prettier, lanjutkan

40
00:01:45,350 --> 00:01:47,343
‫dan lakukan itu juga.

41
00:01:49,260 --> 00:01:50,790
‫Jadi dengan ekstensi ini di

42
00:01:50,790 --> 00:01:52,540
‫sini, tapi yang ini sebenarnya sudah

43
00:01:52,540 --> 00:01:55,473
‫kita lakukan di bagian pertama jika Anda mengikutinya bersama saya.

44
00:01:56,480 --> 00:01:59,880
‫Selanjutnya, kita perlu menginstal banyak dependensi dev jadi mari kita

45
00:02:01,100 --> 00:02:04,125
‫buat ini di sini jauh lebih besar dan pergi

46
00:02:04,125 --> 00:02:06,930
‫ke terminal kami yang lain di sini.

47
00:02:06,930 --> 00:02:11,060
‫Jadi katakanlah, npm install dan kita juga perlu menginstal es

48
00:02:11,060 --> 00:02:14,633
‫Lint dengan lebih cantik sebagai paket npm.

49
00:02:16,280 --> 00:02:17,113
‫Oke?

50
00:02:18,210 --> 00:02:20,060
‫Sangat Lint dan lebih

51
00:02:20,060 --> 00:02:22,010
‫cantik, dan mungkin ini

52
00:02:22,010 --> 00:02:23,630
‫adalah pertama kalinya

53
00:02:23,630 --> 00:02:26,030
‫kami benar-benar menginstal beberapa paket sekaligus.

54
00:02:26,030 --> 00:02:28,820
‫Dan itu sangat mudah, kita cukup menulis semua

55
00:02:28,820 --> 00:02:31,550
‫paket ini dalam perintah yang sama.

56
00:02:31,550 --> 00:02:32,383
‫Oke?

57
00:02:32,383 --> 00:02:35,440
‫Tapi dengan dua ini kami sebenarnya jauh dari siap.

58
00:02:35,440 --> 00:02:38,420
‫Jadi yang berikutnya adalah es Lint config prettier dan

59
00:02:43,721 --> 00:02:46,630
‫yang ini akan menonaktifkan pemformatan untuk es

60
00:02:46,630 --> 00:02:50,250
‫Lint, karena ingat, kita ingin lebih cantik memformat kode kita.

61
00:02:50,250 --> 00:02:52,860
‫Selanjutnya kita memiliki plugin es Lint yang lebih

62
00:02:57,130 --> 00:02:58,970
‫cantik dan yang ini akan

63
00:02:58,970 --> 00:03:01,710
‫memungkinkan es Lint untuk menampilkan kesalahan pemformatan saat kita

64
00:03:01,710 --> 00:03:03,770
‫mengetik, sekali lagi, menggunakan lebih cantik.

65
00:03:03,770 --> 00:03:04,710
‫Oke?

66
00:03:04,710 --> 00:03:07,460
‫Dan semua ini tentu saja sangat

67
00:03:07,460 --> 00:03:10,570
‫membingungkan dan saya membutuhkan banyak waktu untuk memahaminya.

68
00:03:10,570 --> 00:03:13,280
‫Jadi ini benar-benar hanya resep yang perlu

69
00:03:13,280 --> 00:03:14,880
‫Anda ikuti di sini.

70
00:03:14,880 --> 00:03:15,713
‫Oke?

71
00:03:15,713 --> 00:03:17,360
‫Jadi ini bukan tentang

72
00:03:17,360 --> 00:03:19,240
‫memahami apa yang saya lakukan di

73
00:03:19,240 --> 00:03:21,340
‫sini, yang perlu Anda lakukan hanyalah mengikuti

74
00:03:21,340 --> 00:03:24,230
‫resep ini, dan itu akan berhasil untuk proyek ini, dan

75
00:03:24,230 --> 00:03:26,140
‫di proyek mendatang yang harus Anda

76
00:03:26,140 --> 00:03:29,210
‫lakukan adalah membuka file paket dot json Anda dan salin

77
00:03:29,210 --> 00:03:31,750
‫konfigurasi itu dan instal di proyek Anda berikutnya.

78
00:03:31,750 --> 00:03:33,400
‫Karena sebenarnya, semua paket

79
00:03:33,400 --> 00:03:35,270
‫ini harus diinstal secara lokal.

80
00:03:35,270 --> 00:03:37,180
‫Ini tidak akan berhasil jika kita

81
00:03:37,180 --> 00:03:38,980
‫mencoba melakukan ini secara global.

82
00:03:38,980 --> 00:03:39,960
‫Baiklah?

83
00:03:39,960 --> 00:03:43,320
‫Bagaimanapun, sekarang kita membutuhkan beberapa panduan gaya pekerjaan yang baik yang

84
00:03:43,320 --> 00:03:44,530
‫bisa kita ikuti.

85
00:03:44,530 --> 00:03:46,550
‫Dan ada banyak panduan gaya di

86
00:03:46,550 --> 00:03:47,930
‫luar sana, tetapi

87
00:03:47,930 --> 00:03:50,940
‫yang paling populer mungkin adalah panduan gaya airbnb.

88
00:03:50,940 --> 00:03:53,950
‫Dan sebenarnya, ada konfigurasi es

89
00:03:53,950 --> 00:03:57,350
‫Lint yang bisa kita gunakan untuk

90
00:03:57,350 --> 00:04:02,300
‫itu, yaitu di npm, dan itu disebut eslint config airbnb.

91
00:04:02,300 --> 00:04:07,300
‫Oke, selanjutnya, kita memiliki node plugin eslint, dan ini

92
00:04:08,260 --> 00:04:11,710
‫akan menambahkan beberapa aturan eslint khusus hanya

93
00:04:11,710 --> 00:04:13,840
‫untuk nodejs, oke?

94
00:04:13,840 --> 00:04:15,980
‫Jadi pada dasarnya untuk menemukan

95
00:04:15,980 --> 00:04:19,450
‫beberapa kesalahan yang mungkin kita lakukan saat menulis kode nodejs.

96
00:04:19,450 --> 00:04:23,020
‫Dan sekarang akhirnya, kita membutuhkan tiga plugin eslint lainnya

97
00:04:23,020 --> 00:04:25,920
‫yang hanya diperlukan untuk membuat panduan gaya

98
00:04:25,920 --> 00:04:27,850
‫airbnb benar-benar berfungsi.

99
00:04:27,850 --> 00:04:30,980
‫Jadi panduan gaya itu, tergantung pada ini.

100
00:04:30,980 --> 00:04:33,703
‫Jadi plugin eslint, impor, 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
‫dan

104
00:04:42,520 --> 00:04:43,353
‫saya

105
00:04:44,910 --> 00:04:46,450
‫melihat bahwa saya

106
00:04:46,450 --> 00:04:48,620
‫memiliki kesalahan di sini.

107
00:04:50,320 --> 00:04:51,433
‫Dan akhirnya eslint,

108
00:04:54,460 --> 00:04:55,460
‫plugin, bereaksi.

109
00:04:55,460 --> 00:04:57,830
‫Meskipun kami tidak menulis kode reaksi di sini,

110
00:04:57,830 --> 00:04:59,830
‫kami masih membutuhkan yang ini

111
00:04:59,830 --> 00:05:01,890
‫karena panduan gaya airbnb bergantung padanya.

112
00:05:01,890 --> 00:05:04,300
‫Jadi ini semua paket, saya harap

113
00:05:04,300 --> 00:05:06,660
‫saya menulisnya dengan benar.

114
00:05:06,660 --> 00:05:09,850
‫Dan sekarang kita perlu menyimpan ini sebagai dependensi

115
00:05:09,850 --> 00:05:12,950
‫dev, jadi simpan dev dan sekarang

116
00:05:12,950 --> 00:05:17,950
‫tekan kembali, dan silangkan jari Anda bahwa semuanya akan bekerja di sini.

117
00:05:18,550 --> 00:05:20,600
‫Jadi, sepertinya memang begitu.

118
00:05:20,600 --> 00:05:22,767
‫Mari kita lihat paket kami

119
00:05:25,580 --> 00:05:29,480
‫dot json dan, memang, di sini kami memiliki semua paket ini.

120
00:05:29,480 --> 00:05:30,313
‫Besar.

121
00:05:30,313 --> 00:05:32,480
‫Sekarang langkah selanjutnya adalah kita

122
00:05:32,480 --> 00:05:36,640
‫membutuhkan file konfigurasi untuk lebih cantik dan es lint, bukan?

123
00:05:36,640 --> 00:05:39,560
‫Dan kami sudah membuat satu untuk lebih cantik sebelumnya dan

124
00:05:39,560 --> 00:05:42,430
‫itu sudah ada di proyek kami di sini.

125
00:05:42,430 --> 00:05:44,150
‫Begitu juga yang ini, dan yang

126
00:05:44,150 --> 00:05:47,103
‫saya lakukan di sini adalah mengatakan bahwa saya selalu menginginkan kutipan tunggal.

127
00:05:48,200 --> 00:05:49,033
‫Oke?

128
00:05:49,033 --> 00:05:52,530
‫Dan yang lainnya adalah file konfigurasi untuk es lint,

129
00:05:52,530 --> 00:05:55,560
‫dan sekali lagi itu sudah ada di

130
00:05:55,560 --> 00:05:58,290
‫file startup karena kita tidak perlu membuang

131
00:05:58,290 --> 00:06:00,560
‫waktu hanya untuk menulis

132
00:06:00,560 --> 00:06:02,970
‫file konfigurasi yang mengerikan ini, bukan?

133
00:06:02,970 --> 00:06:04,380
‫Jadi file sudah

134
00:06:04,380 --> 00:06:06,900
‫ditulis, mari kita selesaikan dengan sangat cepat.

135
00:06:06,900 --> 00:06:08,270
‫Jadi di

136
00:06:08,270 --> 00:06:10,060
‫sini kami menyatakan kami ingin

137
00:06:10,060 --> 00:06:11,639
‫menggunakan panduan gaya airbnb,

138
00:06:11,639 --> 00:06:15,420
‫dan juga lebih cantik, dan juga plugin node, oke?

139
00:06:15,420 --> 00:06:18,580
‫Sekarang esl int adalah semua tentang aturan pengkodean

140
00:06:18,580 --> 00:06:21,230
‫dan ada banyak aturan yang es lint

141
00:06:21,230 --> 00:06:23,230
‫coba terapkan pada kita.

142
00:06:23,230 --> 00:06:24,760
‫Tapi kita sebenarnya bisa

143
00:06:24,760 --> 00:06:27,060
‫mengubah yang ingin kita gunakan, satu per satu.

144
00:06:27,060 --> 00:06:29,320
‫Dan kami dapat mematikannya

145
00:06:29,320 --> 00:06:32,790
‫sepenuhnya atau hanya menampilkan peringatan alih-alih menampilkan kesalahan.

146
00:06:32,790 --> 00:06:35,351
‫Misalnya, satu aturan adalah bahwa eslint tidak

147
00:06:35,351 --> 00:06:38,760
‫ingin kita menggunakan konsol dot log dalam kode kita,

148
00:06:38,760 --> 00:06:41,990
‫dan setiap kali secara default itu akan memberi kita

149
00:06:41,990 --> 00:06:43,740
‫kesalahan saat kita menggunakan

150
00:06:43,740 --> 00:06:45,210
‫konsol dot log.

151
00:06:45,210 --> 00:06:46,890
‫Tetapi alih-alih menunjukkan kesalahan

152
00:06:46,890 --> 00:06:50,160
‫kepada saya, saya mengonfigurasinya sehingga hanya menunjukkan peringatan kepada

153
00:06:50,160 --> 00:06:52,170
‫saya, jadi itu sebabnya kami memperingatkan.

154
00:06:52,170 --> 00:06:53,900
‫Saya juga dapat sepenuhnya

155
00:06:53,900 --> 00:06:55,937
‫menonaktifkannya dengan menghapusnya, seperti yang

156
00:06:55,937 --> 00:06:58,380
‫saya lakukan dengan banyak aturan lain ini.

157
00:06:58,380 --> 00:07:01,060
‫Jadi, misalnya, di sini di sini

158
00:07:01,060 --> 00:07:03,220
‫yang mengatakan bahwa setiap

159
00:07:03,220 --> 00:07:05,750
‫fungsi harus selalu mengembalikan sesuatu, oke?

160
00:07:05,750 --> 00:07:08,530
‫Dan terkadang, kami hanya memiliki fungsi

161
00:07:08,530 --> 00:07:11,870
‫yang tidak, jadi saya harus mematikan aturan ini sepenuhnya.

162
00:07:11,870 --> 00:07:14,116
‫Atau akhirnya, kami juga memiliki,

163
00:07:14,116 --> 00:07:17,160
‫misalnya, aturan ini di sini, yang mengatakan

164
00:07:17,160 --> 00:07:21,230
‫bahwa tidak boleh ada variabel yang kami deklarasikan tetapi tidak digunakan.

165
00:07:21,230 --> 00:07:23,460
‫Ini sebenarnya menangkap banyak bug, jadi

166
00:07:23,460 --> 00:07:26,140
‫saya membiarkannya sebagai kesalahan di sini, tetapi

167
00:07:26,140 --> 00:07:28,260
‫saya juga membuat beberapa pengecualian.

168
00:07:28,260 --> 00:07:30,950
‫Jadi, empat pengecualian di sini yang merupakan variabel

169
00:07:30,950 --> 00:07:32,540
‫khas yang kami miliki

170
00:07:32,540 --> 00:07:33,980
‫di express, jadi

171
00:07:33,980 --> 00:07:38,170
‫di handler kami di express, tapi itu tidak selalu kami gunakan.

172
00:07:38,170 --> 00:07:39,003
‫Benar?

173
00:07:39,003 --> 00:07:41,840
‫Jadi saya tidak ingin ini ditandai sebagai kesalahan

174
00:07:41,840 --> 00:07:43,790
‫setiap kali saya memiliki,

175
00:07:43,790 --> 00:07:47,150
‫misalnya, variabel req dalam suatu fungsi, tetapi saya tidak menggunakannya.

176
00:07:47,150 --> 00:07:48,130
‫Oke?

177
00:07:48,130 --> 00:07:50,850
‫Jadi Anda dapat melihat aturan lain di sini dan

178
00:07:50,850 --> 00:07:52,440
‫memutuskan mana yang Anda

179
00:07:52,440 --> 00:07:54,180
‫suka, dan mana yang tidak.

180
00:07:54,180 --> 00:07:56,910
‫Jadi ini adalah aturan yang masuk akal bagi saya,

181
00:07:56,910 --> 00:07:59,520
‫tetapi tentu saja mungkin berbeda untuk Anda.

182
00:07:59,520 --> 00:08:01,950
‫Mari kita segera pergi ke situs web

183
00:08:01,950 --> 00:08:03,630
‫eslint untuk melihat semua hal

184
00:08:03,630 --> 00:08:05,163
‫yang dapat Anda konfigurasikan.

185
00:08:07,900 --> 00:08:12,900
‫Jadi es lint, maka di sini Anda memiliki beberapa dokumentasi dan beberapa instruksi

186
00:08:13,230 --> 00:08:16,320
‫tentang bagaimana Anda dapat mengonfigurasinya, tetapi yang ingin

187
00:08:16,320 --> 00:08:17,740
‫saya tunjukkan hanyalah

188
00:08:17,740 --> 00:08:19,800
‫semua aturan yang berbeda ini.

189
00:08:19,800 --> 00:08:21,530
‫Jadi Anda memiliki semuanya

190
00:08:21,530 --> 00:08:25,110
‫di sini dan jadi Anda lihat, ada satu ton,

191
00:08:25,110 --> 00:08:28,741
‫satu ton benar-benar, dari mereka yang dapat Anda konfigurasikan, oke?

192
00:08:28,741 --> 00:08:31,010
‫Jadi lihat ini, tetapi

193
00:08:31,010 --> 00:08:35,470
‫sebenarnya lebih mudah untuk mengonfigurasi es lint ini setiap kali Anda

194
00:08:35,470 --> 00:08:37,990
‫mendapatkan kesalahan baru dalam kode Anda.

195
00:08:37,990 --> 00:08:38,823
‫Oke?

196
00:08:38,823 --> 00:08:40,310
‫Jadi izinkan saya menunjukkannya kepada

197
00:08:40,310 --> 00:08:42,600
‫Anda, sehingga sekarang kita dapat melihatnya dalam praktik.

198
00:08:42,600 --> 00:08:45,590
‫Jadi mari kita pergi ke file server kami di sini, dan

199
00:08:45,590 --> 00:08:47,400
‫cukup buat beberapa kode di

200
00:08:47,400 --> 00:08:49,273
‫sini yang bertentangan dengan beberapa aturan es.

201
00:08:50,440 --> 00:08:54,930
‫Jadi misalnya mendefinisikan variabel di sini, seperti ini, dan kemudian menetapkan sesuatu

202
00:08:54,930 --> 00:08:56,930
‫yang lain untuk itu.

203
00:08:58,399 --> 00:09:01,400
‫Baiklah, jadi kita tahu bahwa x adalah konstanta

204
00:09:01,400 --> 00:09:03,430
‫sehingga tidak boleh dipindahkan.

205
00:09:03,430 --> 00:09:05,070
‫Jadi jika kita memberikan ini

206
00:09:05,070 --> 00:09:07,160
‫sekarang ditugaskan, kita seharusnya benar-benar melihat kesalahan.

207
00:09:07,160 --> 00:09:10,210
‫Dan kami tidak melakukannya, jadi saya akan melanjutkan

208
00:09:10,210 --> 00:09:12,653
‫dan menutup jendela, lalu membukanya lagi.

209
00:09:13,640 --> 00:09:15,400
‫Jadi lakukan itu juga

210
00:09:15,400 --> 00:09:18,010
‫dan mudah-mudahan itu akan berhasil saat itu.

211
00:09:18,010 --> 00:09:21,240
‫Oke, dan sebenarnya kami melihat kesalahan kami di sini sekarang

212
00:09:21,240 --> 00:09:22,968
‫ditandai dengan warna merah.

213
00:09:22,968 --> 00:09:25,690
‫Jadi, sekarang kita sampai pada tab masalah ini.

214
00:09:25,690 --> 00:09:28,160
‫Biarkan saya memindahkannya sedikit, dan

215
00:09:28,160 --> 00:09:32,020
‫jadi di sini kita melihat semua kesalahan yang kita miliki.

216
00:09:32,020 --> 00:09:33,830
‫Jadi, dimulai dengan yang

217
00:09:33,830 --> 00:09:36,460
‫pertama, diharapkan satu baris kosong setelah pernyataan

218
00:09:36,460 --> 00:09:39,250
‫yang disyaratkan tidak diikuti oleh kebutuhan lainnya.

219
00:09:39,250 --> 00:09:40,840
‫Jadi pada dasarnya apa yang

220
00:09:40,840 --> 00:09:43,680
‫dikatakannya kepada saya adalah bahwa ia menginginkan ini membutuhkan

221
00:09:44,750 --> 00:09:48,510
‫di sini di bagian atas dan kemudian, baris kosong dan kemudian seperti ini.

222
00:09:48,510 --> 00:09:50,710
‫Jadi, kesalahannya hilang.

223
00:09:50,710 --> 00:09:51,543
‫Oke?

224
00:09:51,543 --> 00:09:54,353
‫Dan jenis ini memberlakukan standar pengkodean yang lebih baik.

225
00:09:55,790 --> 00:10:00,790
‫Selanjutnya kita memiliki x yang ditetapkan dan nilai yang tidak pernah digunakan.

226
00:10:01,010 --> 00:10:02,867
‫Dan agar tidak ada variabel

227
00:10:02,867 --> 00:10:05,110
‫yang tidak terpakai yang saya sebutkan sebelumnya.

228
00:10:05,110 --> 00:10:06,723
‫Jadi, yang ini di sini.

229
00:10:07,680 --> 00:10:08,513
‫Oke?

230
00:10:08,513 --> 00:10:12,290
‫Jadi ini adalah kesalahan, tetapi saya juga dapat mematikannya hanya untuk menunjukkan

231
00:10:12,290 --> 00:10:14,643
‫kepada Anda bagaimana hal itu akan berubah.

232
00:10:15,830 --> 00:10:19,660
‫Jadi saya telah menyimpannya, dan sekarang kesalahan itu hilang.

233
00:10:19,660 --> 00:10:21,510
‫Jadi Anda lihat itu tidak lagi ditandai merah.

234
00:10:22,930 --> 00:10:25,520
‫Tapi sebenarnya saya ingin ini

235
00:10:25,520 --> 00:10:29,873
‫menjadi kesalahan, jadi saya menulis kesalahan, menyimpannya, dan kesalahan kami kembali.

236
00:10:31,970 --> 00:10:34,860
‫Anda lihat, itu dideklarasikan tetapi tidak pernah digunakan.

237
00:10:34,860 --> 00:10:37,660
‫Dan kemudian, di sini x adalah konstan.

238
00:10:37,660 --> 00:10:39,600
‫Jadi kami benar-benar melakukan kesalahan

239
00:10:39,600 --> 00:10:41,370
‫di sini, yaitu menetapkan

240
00:10:41,370 --> 00:10:44,480
‫kembali konstanta, dan itu tidak diperbolehkan, jadi mari

241
00:10:44,480 --> 00:10:47,300
‫kita singkirkan ini dan kemudian kesalahannya hilang.

242
00:10:47,300 --> 00:10:49,280
‫Kami masih memiliki yang ini karena nilainya

243
00:10:49,280 --> 00:10:50,240
‫belum pernah digunakan.

244
00:10:50,240 --> 00:10:55,240
‫Mari kita cepat menulis x ditambah dua dan sekarang hilang.

245
00:10:56,520 --> 00:10:59,180
‫Tetapi kami memiliki kesalahan berikutnya, pada dasarnya hanya

246
00:10:59,180 --> 00:11:01,220
‫karena kami hanya memiliki kode

247
00:11:01,220 --> 00:11:04,220
‫ini di sekitar sini tidak ditugaskan untuk apa pun.

248
00:11:04,220 --> 00:11:07,277
‫Jadi, anggap saja const y sama dengan yang ini,

249
00:11:07,277 --> 00:11:10,930
‫tetapi tentu saja y ditetapkan tetapi tidak pernah digunakan, jadi kita

250
00:11:10,930 --> 00:11:12,931
‫memasukkan loop ini di sini.

251
00:11:12,931 --> 00:11:16,453
‫Tapi, bagaimanapun, ini hanya untuk menunjukkannya padamu.

252
00:11:17,706 --> 00:11:20,580
‫Jadi mari kita lihat sekarang peringatan terakhir.

253
00:11:20,580 --> 00:11:23,620
‫Dan jadi itu tanpa konsol, kan?

254
00:11:23,620 --> 00:11:26,450
‫Jadi ingat saya benar-benar membicarakan yang ini sebelumnya dan ini

255
00:11:26,450 --> 00:11:28,490
‫berwarna hijau karena ini adalah peringatan.

256
00:11:28,490 --> 00:11:31,790
‫Jadi sekali lagi, saya bisa mematikannya, dan masalah

257
00:11:31,790 --> 00:11:34,950
‫saya akan hilang, jadi kodenya akan terlihat

258
00:11:34,950 --> 00:11:36,270
‫normal sekarang.

259
00:11:36,270 --> 00:11:39,030
‫Tetapi sebenarnya saya ingin eslint memperingatkan saya tentang itu,

260
00:11:39,030 --> 00:11:40,990
‫karena itu bukan praktik yang baik

261
00:11:40,990 --> 00:11:43,703
‫untuk memiliki terlalu banyak log konsol nanti dalam produksi.

262
00:11:45,650 --> 00:11:48,440
‫Baiklah, jadi itu kembali sekarang.

263
00:11:48,440 --> 00:11:51,660
‫Dan sebenarnya kode vs juga memperingatkan saya bahwa ada

264
00:11:51,660 --> 00:11:53,790
‫peringatan hijau di sini di

265
00:11:53,790 --> 00:11:54,743
‫file ini.

266
00:11:55,810 --> 00:11:57,560
‫Jadi mungkin Anda memperhatikannya sebelumnya, tetapi

267
00:11:57,560 --> 00:11:59,163
‫jika kami menempatkan kesalahan di

268
00:12:02,043 --> 00:12:04,160
‫sini, maka sebenarnya itu akan berubah menjadi merah.

269
00:12:04,160 --> 00:12:04,993
‫Oke?

270
00:12:04,993 --> 00:12:08,150
‫Jadi sekarang merah, dan kami memiliki dua masalah di sana.

271
00:12:08,150 --> 00:12:10,320
‫Dan itu sebenarnya sangat membantu untuk mengidentifikasi

272
00:12:10,320 --> 00:12:12,323
‫masalah di semua file ini.

273
00:12:13,830 --> 00:12:16,770
‫Baiklah, mari kita singkirkan.

274
00:12:16,770 --> 00:12:19,175
‫Dan sebenarnya, itu saja.

275
00:12:19,175 --> 00:12:22,010
‫Jadi saya harap ini bekerja untuk Anda

276
00:12:22,010 --> 00:12:25,027
‫juga jika Anda mendapatkan beberapa kesalahan, silakan coba

277
00:12:25,027 --> 00:12:27,890
‫instal paket yang sama dengan yang saya lakukan.

278
00:12:27,890 --> 00:12:30,452
‫Jadi semua ini ada di sini, dan ingatlah bahwa

279
00:12:30,452 --> 00:12:31,930
‫beginilah cara Anda melakukannya.

280
00:12:31,930 --> 00:12:34,710
‫Jadi misalnya, jika Anda ingin

281
00:12:34,710 --> 00:12:39,710
‫eslint lima katakan saja npm I eslint at five.

282
00:12:40,060 --> 00:12:43,640
‫Misalnya Anda bahkan dapat menggunakan lima titik 16 titik 0

283
00:12:43,640 --> 00:12:46,370
‫hanya untuk memastikan bahwa semuanya sama.

284
00:12:46,370 --> 00:12:48,960
‫Dan dalam hal ini, semuanya harus bekerja seperti

285
00:12:48,960 --> 00:12:51,050
‫yang terjadi di sini untuk saya.

286
00:12:51,050 --> 00:12:53,757
‫Bagus, jadi ini adalah langkah

287
00:12:53,757 --> 00:12:56,690
‫penting lainnya dalam perjalanan Anda menjadi pengembang.

288
00:12:56,690 --> 00:12:58,940
‫Karena, percayalah, sangat penting untuk

289
00:12:58,940 --> 00:13:02,430
‫memiliki linting kode di tempat seperti yang Anda miliki sekarang.

290
00:13:02,430 --> 00:13:04,300
‫Jadi sekali lagi, untuk proyek Anda

291
00:13:04,300 --> 00:13:07,030
‫berikutnya, lanjutkan, salin dependensi ini ke file paket dot

292
00:13:07,030 --> 00:13:09,410
‫json Anda dan kemudian instal semuanya pada

293
00:13:09,410 --> 00:13:10,750
‫saat yang bersamaan.

294
00:13:10,750 --> 00:13:13,330
‫Dan itu akan membuat hidup Anda jauh lebih mudah.

295
00:13:13,330 --> 00:13:15,070
‫Jadi begitulah cara saya selalu

296
00:13:15,070 --> 00:13:17,820
‫melakukannya, dan hal yang sama tentu saja, dengan rc

297
00:13:17,820 --> 00:13:20,170
‫yang lebih cantik dan file konfigurasi eslint ini.

298
00:13:20,170 --> 00:13:23,130
‫Anyway, cukup berbicara untuk video ini.

299
00:13:23,130 --> 00:13:25,690
‫Kami sekarang akhirnya siap untuk beralih ke

300
00:13:25,690 --> 00:13:28,163
‫bagian mongodb yang sangat penting.