1 00:00:01,700 --> 00:00:03,750 ‫-: Antes de pasar a 2 00:00:03,750 --> 00:00:06,860 ‫la siguiente sección y mongoDB, quiero mostrarle cómo configurar 3 00:00:06,860 --> 00:00:10,230 ‫eslint junto con un código más bonito en vs 4 00:00:10,230 --> 00:00:13,090 ‫para mejorar la calidad de nuestro código. 5 00:00:13,090 --> 00:00:15,360 ‫Ahora bien, si no está 6 00:00:15,360 --> 00:00:18,110 ‫usando el código vs, o si ya tiene 7 00:00:18,110 --> 00:00:22,150 ‫algún tipo de linter en su flujo de trabajo, marque esta lección 8 00:00:22,150 --> 00:00:24,810 ‫como completada y pase a la siguiente sección. 9 00:00:24,810 --> 00:00:26,890 ‫Pero si es nuevo en 10 00:00:26,890 --> 00:00:29,150 ‫es Lint y desea mejorar la calidad 11 00:00:29,150 --> 00:00:31,543 ‫de su código, comencemos con este video. 12 00:00:33,210 --> 00:00:36,210 ‫Entonces, es Lint es básicamente un programa que 13 00:00:36,210 --> 00:00:38,470 ‫escanea constantemente nuestro código y encuentra 14 00:00:38,470 --> 00:00:40,640 ‫posibles errores de codificación 15 00:00:40,640 --> 00:00:45,130 ‫o simplemente malas prácticas de codificación que cree que son incorrectas. 16 00:00:45,130 --> 00:00:47,730 ‫Es muy, muy configurable para que 17 00:00:47,730 --> 00:00:50,300 ‫realmente podamos ajustarlo a nuestras necesidades 18 00:00:50,300 --> 00:00:52,130 ‫y hábitos de codificación. 19 00:00:52,130 --> 00:00:55,740 ‫Ahora también podemos usar es Lint para formatear el 20 00:00:55,740 --> 00:00:57,700 ‫código, pero continuaremos usando 21 00:00:57,700 --> 00:01:00,610 ‫más bonito que ya configuramos anteriormente para eso. 22 00:01:00,610 --> 00:01:02,526 ‫Así que configuraremos todo esto 23 00:01:02,526 --> 00:01:06,240 ‫para que más bonito siga siendo el formateador de código principal, 24 00:01:06,240 --> 00:01:08,730 ‫pero basado en algunas reglas de es 25 00:01:08,730 --> 00:01:10,130 ‫Lint que definiremos. 26 00:01:10,130 --> 00:01:12,670 ‫Entonces, todo lo que es Lint hará por 27 00:01:12,670 --> 00:01:14,780 ‫nosotros es resaltar los errores. 28 00:01:14,780 --> 00:01:16,520 ‫Pero sé que todo esto 29 00:01:16,520 --> 00:01:19,290 ‫probablemente suene más confuso que cualquier otra cosa. 30 00:01:19,290 --> 00:01:22,700 ‫Así que vamos a configurar esto ahora. 31 00:01:22,700 --> 00:01:24,550 ‫Entonces, lo primero que quiero 32 00:01:24,550 --> 00:01:27,893 ‫que hagas es instalar la extensión es Lint para vs Code. 33 00:01:29,100 --> 00:01:33,160 ‫Así que ven aquí y busca es Lint. 34 00:01:33,160 --> 00:01:33,993 ‫¿Okey? 35 00:01:33,993 --> 00:01:35,340 ‫Y ya lo tengo 36 00:01:35,340 --> 00:01:36,760 ‫instalado, pero se ve así. 37 00:01:36,760 --> 00:01:38,890 ‫Entonces, todo lo que necesita hacer 38 00:01:38,890 --> 00:01:42,870 ‫es continuar e instalarlo, y luego probablemente volver a cargar esta ventana. 39 00:01:42,870 --> 00:01:45,350 ‫Y si aún no ha 40 00:01:45,350 --> 00:01:47,343 ‫configurado Prettier, hágalo también. 41 00:01:49,260 --> 00:01:50,790 ‫Entonces, con esta extensión 42 00:01:50,790 --> 00:01:52,540 ‫aquí, pero esta ya la 43 00:01:52,540 --> 00:01:55,473 ‫hicimos en la primera sección si la seguiste conmigo. 44 00:01:56,480 --> 00:01:59,880 ‫A continuación, necesitamos instalar un montón de dependencias de desarrollo, 45 00:02:01,100 --> 00:02:04,125 ‫así que hagamos esto aquí mucho más grande 46 00:02:04,125 --> 00:02:06,930 ‫y vayamos a nuestra otra terminal aquí. 47 00:02:06,930 --> 00:02:11,060 ‫Y entonces digamos, npm install y también necesitamos instalar es 48 00:02:11,060 --> 00:02:14,633 ‫Lint en paquetes más bonitos como npm. 49 00:02:16,280 --> 00:02:17,113 ‫¿Okey? 50 00:02:18,210 --> 00:02:20,060 ‫Entonces es Lint y más 51 00:02:20,060 --> 00:02:22,010 ‫bonito, y probablemente esta sea 52 00:02:22,010 --> 00:02:23,630 ‫la primera vez 53 00:02:23,630 --> 00:02:26,030 ‫que instalemos varios paquetes al mismo tiempo. 54 00:02:26,030 --> 00:02:28,820 ‫Y eso es muy fácil, simplemente escribimos todos 55 00:02:28,820 --> 00:02:31,550 ‫estos paquetes en el mismo comando. 56 00:02:31,550 --> 00:02:32,383 ‫¿Okey? 57 00:02:32,383 --> 00:02:35,440 ‫Pero con estos dos, en realidad, estamos lejos de estar listos. 58 00:02:35,440 --> 00:02:38,420 ‫Así que el siguiente es es Lint config más 59 00:02:43,721 --> 00:02:46,630 ‫bonito y este deshabilitará el formateo para 60 00:02:46,630 --> 00:02:50,250 ‫es Lint, porque recuerde, queremos más bonito para formatear nuestro código. 61 00:02:50,250 --> 00:02:52,860 ‫A continuación, tenemos el complemento es Lint más 62 00:02:57,130 --> 00:02:58,970 ‫bonito y este permitirá que 63 00:02:58,970 --> 00:03:01,710 ‫es Lint muestre errores de formato a medida 64 00:03:01,710 --> 00:03:03,770 ‫que escribimos, nuevamente, usando más bonito. 65 00:03:03,770 --> 00:03:04,710 ‫¿Okey? 66 00:03:04,710 --> 00:03:07,460 ‫Y todo esto, por supuesto, es 67 00:03:07,460 --> 00:03:10,570 ‫muy confuso y necesité mucho tiempo para resolverlo. 68 00:03:10,570 --> 00:03:13,280 ‫Y esto realmente es solo una receta 69 00:03:13,280 --> 00:03:14,880 ‫que debes seguir aquí. 70 00:03:14,880 --> 00:03:15,713 ‫¿Okey? 71 00:03:15,713 --> 00:03:17,360 ‫Entonces no se trata de 72 00:03:17,360 --> 00:03:19,240 ‫entender lo que estoy haciendo aquí, 73 00:03:19,240 --> 00:03:21,340 ‫todo lo que necesita hacer es seguir 74 00:03:21,340 --> 00:03:24,230 ‫esta receta, y luego funcionará para este proyecto, y en 75 00:03:24,230 --> 00:03:26,140 ‫proyectos futuros todo lo que tiene que 76 00:03:26,140 --> 00:03:29,210 ‫hacer es ir a su archivo de paquete dot json y 77 00:03:29,210 --> 00:03:31,750 ‫copie esa configuración e instálela en su próximo proyecto. 78 00:03:31,750 --> 00:03:33,400 ‫Porque en realidad, todos 79 00:03:33,400 --> 00:03:35,270 ‫estos paquetes deben instalarse localmente. 80 00:03:35,270 --> 00:03:37,180 ‫No funcionaría si intentáramos hacer 81 00:03:37,180 --> 00:03:38,980 ‫esto a nivel mundial. 82 00:03:38,980 --> 00:03:39,960 ‫¿Bien? 83 00:03:39,960 --> 00:03:43,320 ‫De todos modos, necesitamos ahora una buena guía de estilo de trabajos 84 00:03:43,320 --> 00:03:44,530 ‫que podamos seguir. 85 00:03:44,530 --> 00:03:46,550 ‫Y hay muchas guías de estilo, 86 00:03:46,550 --> 00:03:47,930 ‫pero la más 87 00:03:47,930 --> 00:03:50,940 ‫popular es probablemente la guía de estilo de airbnb. 88 00:03:50,940 --> 00:03:53,950 ‫Entonces, en realidad, hay una configuración 89 00:03:53,950 --> 00:03:57,350 ‫de es Lint que podemos usar para 90 00:03:57,350 --> 00:04:02,300 ‫eso, que está en npm, y se llama eslint config airbnb. 91 00:04:02,300 --> 00:04:07,300 ‫De acuerdo, a continuación, tenemos el nodo del complemento eslint, y esto 92 00:04:08,260 --> 00:04:11,710 ‫agregará un par de reglas específicas de eslint solo 93 00:04:11,710 --> 00:04:13,840 ‫para nodejs, ¿de acuerdo? 94 00:04:13,840 --> 00:04:15,980 ‫Básicamente, para encontrar algunos 95 00:04:15,980 --> 00:04:19,450 ‫errores que podríamos estar cometiendo al escribir código nodejs. 96 00:04:19,450 --> 00:04:23,020 ‫Y ahora, finalmente, necesitamos otros tres complementos de eslint que 97 00:04:23,020 --> 00:04:25,920 ‫solo son necesarios para que la guía de 98 00:04:25,920 --> 00:04:27,850 ‫estilo de Airbnb realmente funcione. 99 00:04:27,850 --> 00:04:30,980 ‫Así que esa guía de estilo depende de ellos. 100 00:04:30,980 --> 00:04:33,703 ‫Entonces, eslint plugin, import, eslint, 101 00:04:34,750 --> 00:04:35,583 ‫plugin, 102 00:04:37,350 --> 00:04:38,183 ‫jsx, 103 00:04:39,390 --> 00:04:40,223 ‫a11y, 104 00:04:42,520 --> 00:04:43,353 ‫y 105 00:04:44,910 --> 00:04:46,450 ‫veo que 106 00:04:46,450 --> 00:04:48,620 ‫tengo un error aquí. 107 00:04:50,320 --> 00:04:51,433 ‫Y finalmente eslint, 108 00:04:54,460 --> 00:04:55,460 ‫plugin, reacciona. 109 00:04:55,460 --> 00:04:57,830 ‫Aunque no estamos escribiendo en el código de reacción 110 00:04:57,830 --> 00:04:59,830 ‫aquí, todavía necesitamos este porque la 111 00:04:59,830 --> 00:05:01,890 ‫guía de estilo de airbnb depende de él. 112 00:05:01,890 --> 00:05:04,300 ‫Estos son todos los paquetes, 113 00:05:04,300 --> 00:05:06,660 ‫espero haberlos escrito correctamente. 114 00:05:06,660 --> 00:05:09,850 ‫Y ahora tenemos que guardarlos como dependencias 115 00:05:09,850 --> 00:05:12,950 ‫de desarrollo, así que guarde dev 116 00:05:12,950 --> 00:05:17,950 ‫y presione regresar, y cruce los dedos para que todo funcione aquí. 117 00:05:18,550 --> 00:05:20,600 ‫Entonces, parece que lo hizo. 118 00:05:20,600 --> 00:05:22,767 ‫Echemos un vistazo a nuestro 119 00:05:25,580 --> 00:05:29,480 ‫paquete dot json y, de hecho, aquí tenemos todos estos paquetes. 120 00:05:29,480 --> 00:05:30,313 ‫Excelente. 121 00:05:30,313 --> 00:05:32,480 ‫Ahora, el siguiente paso es que 122 00:05:32,480 --> 00:05:36,640 ‫necesitamos archivos de configuración tanto para más bonito como para es lint, ¿verdad? 123 00:05:36,640 --> 00:05:39,560 ‫Y ya creamos el más bonito antes y 124 00:05:39,560 --> 00:05:42,430 ‫ya está en nuestro proyecto aquí. 125 00:05:42,430 --> 00:05:44,150 ‫También lo es este, y todo 126 00:05:44,150 --> 00:05:47,103 ‫lo que hice aquí fue decir que siempre quiero la comilla simple. 127 00:05:48,200 --> 00:05:49,033 ‫¿Okey? 128 00:05:49,033 --> 00:05:52,530 ‫Y el otro es el archivo de configuración para es 129 00:05:52,530 --> 00:05:55,560 ‫lint, y nuevamente ya está en los archivos 130 00:05:55,560 --> 00:05:58,290 ‫de inicio porque realmente no necesitamos perder 131 00:05:58,290 --> 00:06:00,560 ‫el tiempo simplemente para escribir 132 00:06:00,560 --> 00:06:02,970 ‫este terrible archivo de configuración, ¿verdad? 133 00:06:02,970 --> 00:06:04,380 ‫Entonces, el archivo ya 134 00:06:04,380 --> 00:06:06,900 ‫está escrito, vayamos muy rápido a través de él. 135 00:06:06,900 --> 00:06:08,270 ‫Entonces, aquí dijimos 136 00:06:08,270 --> 00:06:10,060 ‫que queremos usar la guía 137 00:06:10,060 --> 00:06:11,639 ‫de estilo de airbnb, y 138 00:06:11,639 --> 00:06:15,420 ‫también más bonita, y también el complemento de nodo, ¿de acuerdo? 139 00:06:15,420 --> 00:06:18,580 ‫Ahora, esl int se trata de reglas de 140 00:06:18,580 --> 00:06:21,230 ‫codificación y hay muchas reglas que 141 00:06:21,230 --> 00:06:23,230 ‫es lint intenta imponernos. 142 00:06:23,230 --> 00:06:24,760 ‫Pero en realidad podemos 143 00:06:24,760 --> 00:06:27,060 ‫cambiar los que queramos usar, uno por uno. 144 00:06:27,060 --> 00:06:29,320 ‫Y podemos apagarlos por completo o 145 00:06:29,320 --> 00:06:32,790 ‫simplemente mostrar una advertencia en lugar de mostrar un error. 146 00:06:32,790 --> 00:06:35,351 ‫Por ejemplo, una regla es que eslint no quiere 147 00:06:35,351 --> 00:06:38,760 ‫que usemos los registros de puntos de la consola en nuestro código, 148 00:06:38,760 --> 00:06:41,990 ‫por lo que cada vez, de forma predeterminada, nos dará un 149 00:06:41,990 --> 00:06:43,740 ‫error cuando usemos el registro de 150 00:06:43,740 --> 00:06:45,210 ‫puntos de la consola. 151 00:06:45,210 --> 00:06:46,890 ‫Pero en lugar de 152 00:06:46,890 --> 00:06:50,160 ‫mostrarme un error, lo configuro para que solo me muestre 153 00:06:50,160 --> 00:06:52,170 ‫una advertencia, por eso hemos advertido. 154 00:06:52,170 --> 00:06:53,900 ‫También podría apagarlo 155 00:06:53,900 --> 00:06:55,937 ‫por completo cancelando, como hice 156 00:06:55,937 --> 00:06:58,380 ‫con muchas de estas otras reglas. 157 00:06:58,380 --> 00:07:01,060 ‫Entonces, por ejemplo, aquí en el siguiente que dice 158 00:07:01,060 --> 00:07:03,220 ‫que todas y cada una de 159 00:07:03,220 --> 00:07:05,750 ‫las funciones siempre deben devolver algo, ¿de acuerdo? 160 00:07:05,750 --> 00:07:08,530 ‫Y a veces, simplemente tenemos una función que no 161 00:07:08,530 --> 00:07:11,870 ‫lo hace, por lo que necesitaba desactivar esta regla por completo. 162 00:07:11,870 --> 00:07:14,116 ‫O finalmente, también tenemos, por 163 00:07:14,116 --> 00:07:17,160 ‫ejemplo, esta regla aquí, que dice que 164 00:07:17,160 --> 00:07:21,230 ‫nunca debería haber una variable que declaramos pero no usamos. 165 00:07:21,230 --> 00:07:23,460 ‫Esto en realidad detecta muchos errores, por 166 00:07:23,460 --> 00:07:26,140 ‫lo que lo dejo como un error aquí, 167 00:07:26,140 --> 00:07:28,260 ‫pero también creé algunas excepciones. 168 00:07:28,260 --> 00:07:30,950 ‫Entonces, estas cuatro excepciones aquí, que son las 169 00:07:30,950 --> 00:07:32,540 ‫variables típicas que tenemos 170 00:07:32,540 --> 00:07:33,980 ‫en express, por 171 00:07:33,980 --> 00:07:38,170 ‫lo que en nuestros manejadores en express, pero que no siempre usamos. 172 00:07:38,170 --> 00:07:39,003 ‫¿Derecha? 173 00:07:39,003 --> 00:07:41,840 ‫Entonces, no quiero que se marquen como errores cada 174 00:07:41,840 --> 00:07:43,790 ‫vez que tengo, por ejemplo, 175 00:07:43,790 --> 00:07:47,150 ‫una variable req en una función, pero no la uso. 176 00:07:47,150 --> 00:07:48,130 ‫¿Okey? 177 00:07:48,130 --> 00:07:50,850 ‫Así que puedes echar un vistazo a estas otras 178 00:07:50,850 --> 00:07:52,440 ‫reglas aquí y decidir 179 00:07:52,440 --> 00:07:54,180 ‫cuál te gusta y cuál no. 180 00:07:54,180 --> 00:07:56,910 ‫Entonces, estas son las reglas que tienen sentido para mí, 181 00:07:56,910 --> 00:07:59,520 ‫pero, por supuesto, pueden ser diferentes para ti. 182 00:07:59,520 --> 00:08:01,950 ‫Vayamos rápidamente al sitio web de eslint 183 00:08:01,950 --> 00:08:03,630 ‫para ver todas las cosas 184 00:08:03,630 --> 00:08:05,163 ‫que puede configurar. 185 00:08:07,900 --> 00:08:12,900 ‫Entonces aquí tienes algo de documentación y algunas instrucciones sobre cómo 186 00:08:13,230 --> 00:08:16,320 ‫configurarlo, pero todo lo que realmente quiero 187 00:08:16,320 --> 00:08:17,740 ‫mostrarte son 188 00:08:17,740 --> 00:08:19,800 ‫todas estas reglas diferentes. 189 00:08:19,800 --> 00:08:21,530 ‫Así que los 190 00:08:21,530 --> 00:08:25,110 ‫tiene todos aquí y, para ver, hay un montón, 191 00:08:25,110 --> 00:08:28,741 ‫un montón de ellos que puede configurar, ¿de acuerdo? 192 00:08:28,741 --> 00:08:31,010 ‫Así que eche un vistazo a 193 00:08:31,010 --> 00:08:35,470 ‫esto, pero en realidad es más fácil simplemente configurar este es lint cada vez 194 00:08:35,470 --> 00:08:37,990 ‫que obtiene un nuevo error en su código. 195 00:08:37,990 --> 00:08:38,823 ‫¿Okey? 196 00:08:38,823 --> 00:08:40,310 ‫Déjame mostrarte eso, para 197 00:08:40,310 --> 00:08:42,600 ‫que ahora podamos verlo en la práctica. 198 00:08:42,600 --> 00:08:45,590 ‫Así que vayamos al archivo de nuestro servidor aquí, y simplemente 199 00:08:45,590 --> 00:08:47,400 ‫creemos un código aquí que vaya 200 00:08:47,400 --> 00:08:49,273 ‫en contra de algunas reglas de es. 201 00:08:50,440 --> 00:08:54,930 ‫Entonces, por ejemplo, definir una variable aquí, como esta, y 202 00:08:54,930 --> 00:08:56,930 ‫luego asignarle algo más. 203 00:08:58,399 --> 00:09:01,400 ‫De acuerdo, entonces sabemos que x es una constante y, 204 00:09:01,400 --> 00:09:03,430 ‫por lo tanto, no debería reasignarse. 205 00:09:03,430 --> 00:09:05,070 ‫Entonces, si damos esto 206 00:09:05,070 --> 00:09:07,160 ‫ahora asignado, deberíamos ver un error. 207 00:09:07,160 --> 00:09:10,210 ‫Y bueno, no lo hicimos, así que voy a cerrar 208 00:09:10,210 --> 00:09:12,653 ‫la ventana y luego a abrirla de nuevo. 209 00:09:13,640 --> 00:09:15,400 ‫Así que haz eso 210 00:09:15,400 --> 00:09:18,010 ‫también y, con suerte, estará funcionando para entonces. 211 00:09:18,010 --> 00:09:21,240 ‫Bien, y en realidad vemos nuestros errores aquí 212 00:09:21,240 --> 00:09:22,968 ‫ahora marcados en rojo. 213 00:09:22,968 --> 00:09:25,690 ‫Entonces, ahora llegamos a esta pestaña de problemas. 214 00:09:25,690 --> 00:09:28,160 ‫Permítanme moverlo un poco hacia 215 00:09:28,160 --> 00:09:32,020 ‫arriba, y aquí vemos todos los errores que tenemos. 216 00:09:32,020 --> 00:09:33,830 ‫Entonces, comenzando con el 217 00:09:33,830 --> 00:09:36,460 ‫primero, se esperaba una línea vacía después de 218 00:09:36,460 --> 00:09:39,250 ‫la declaración requerida no seguida de otra requerida. 219 00:09:39,250 --> 00:09:40,840 ‫Básicamente, lo que me 220 00:09:40,840 --> 00:09:43,680 ‫está diciendo es que quiere estos requisitos aquí 221 00:09:44,750 --> 00:09:48,510 ‫en la parte superior y luego, una línea vacía y luego así. 222 00:09:48,510 --> 00:09:50,710 ‫Y así, el error desaparece. 223 00:09:50,710 --> 00:09:51,543 ‫¿Okey? 224 00:09:51,543 --> 00:09:54,353 ‫Y así, este tipo de refuerza un estándar de codificación más agradable. 225 00:09:55,790 --> 00:10:00,790 ‫A continuación, se asigna x y nunca se usa un valor. 226 00:10:01,010 --> 00:10:02,867 ‫Y así es que no 227 00:10:02,867 --> 00:10:05,110 ‫hay variables no utilizadas que mencioné antes. 228 00:10:05,110 --> 00:10:06,723 ‫Entonces, este de aquí. 229 00:10:07,680 --> 00:10:08,513 ‫¿Okey? 230 00:10:08,513 --> 00:10:12,290 ‫Entonces, esto es un error, pero también podría apagarlo solo 231 00:10:12,290 --> 00:10:14,643 ‫para mostrarles cómo cambiaría eso. 232 00:10:15,830 --> 00:10:19,660 ‫Así que lo guardé, y ahora ese error desapareció. 233 00:10:19,660 --> 00:10:21,510 ‫Entonces ves que ya no está marcado en rojo. 234 00:10:22,930 --> 00:10:25,520 ‫Pero en realidad quiero que esto sea 235 00:10:25,520 --> 00:10:29,873 ‫un error, así que escribo error, lo guardo y nuestro error está de vuelta. 236 00:10:31,970 --> 00:10:34,860 ‫Verá, se declara pero nunca se usa. 237 00:10:34,860 --> 00:10:37,660 ‫Y luego, aquí x es constante. 238 00:10:37,660 --> 00:10:39,600 ‫Entonces realmente cometimos un error 239 00:10:39,600 --> 00:10:41,370 ‫aquí, que fue reasignar 240 00:10:41,370 --> 00:10:44,480 ‫una constante, y eso no está permitido, así que 241 00:10:44,480 --> 00:10:47,300 ‫eliminemos esto y luego el error desaparece. 242 00:10:47,300 --> 00:10:49,280 ‫Todavía tenemos este porque el valor nunca 243 00:10:49,280 --> 00:10:50,240 ‫se ha utilizado. 244 00:10:50,240 --> 00:10:55,240 ‫Escribamos rápidamente x más dos y ahora desapareció. 245 00:10:56,520 --> 00:10:59,180 ‫Pero tenemos el siguiente error, básicamente 246 00:10:59,180 --> 00:11:01,220 ‫simplemente porque tenemos 247 00:11:01,220 --> 00:11:04,220 ‫este código aquí sin asignar a nada. 248 00:11:04,220 --> 00:11:07,277 ‫Entonces, digamos que const y es igual a este, pero 249 00:11:07,277 --> 00:11:10,930 ‫luego, por supuesto, y se asigna pero nunca se usa, por lo que 250 00:11:10,930 --> 00:11:12,931 ‫estamos ingresando a este ciclo aquí. 251 00:11:12,931 --> 00:11:16,453 ‫Pero, de todos modos, esto fue solo para demostrártelo. 252 00:11:17,706 --> 00:11:20,580 ‫Y entonces veamos ahora la advertencia final. 253 00:11:20,580 --> 00:11:23,620 ‫Y esa es la consola no, ¿verdad? 254 00:11:23,620 --> 00:11:26,450 ‫Así que recuerda que hablé de este antes y 255 00:11:26,450 --> 00:11:28,490 ‫es verde porque es una advertencia. 256 00:11:28,490 --> 00:11:31,790 ‫Entonces, nuevamente, podría apagarlo, y luego mi problema 257 00:11:31,790 --> 00:11:34,950 ‫desaparecería, por lo que el código se vería 258 00:11:34,950 --> 00:11:36,270 ‫normal ahora. 259 00:11:36,270 --> 00:11:39,030 ‫Pero en realidad quiero que eslint me advierta sobre eso, 260 00:11:39,030 --> 00:11:40,990 ‫porque no es una buena práctica 261 00:11:40,990 --> 00:11:43,703 ‫tener demasiados registros de consola más adelante en producción. 262 00:11:45,650 --> 00:11:48,440 ‫Está bien, ahora está de vuelta. 263 00:11:48,440 --> 00:11:51,660 ‫Y de hecho vs code también me advierte que 264 00:11:51,660 --> 00:11:53,790 ‫hay una advertencia verde aquí en 265 00:11:53,790 --> 00:11:54,743 ‫este archivo. 266 00:11:55,810 --> 00:11:57,560 ‫Tal vez lo hayas notado antes, 267 00:11:57,560 --> 00:11:59,163 ‫pero si ponemos un 268 00:12:02,043 --> 00:12:04,160 ‫error aquí, en realidad se volverá rojo. 269 00:12:04,160 --> 00:12:04,993 ‫¿Okey? 270 00:12:04,993 --> 00:12:08,150 ‫Así que ahora es rojo y tenemos dos problemas ahí. 271 00:12:08,150 --> 00:12:10,320 ‫Y eso es realmente útil para identificar 272 00:12:10,320 --> 00:12:12,323 ‫problemas en todos estos archivos. 273 00:12:13,830 --> 00:12:16,770 ‫Muy bien, eliminémoslo. 274 00:12:16,770 --> 00:12:19,175 ‫Y en realidad, eso es todo. 275 00:12:19,175 --> 00:12:22,010 ‫Así que espero que también te 276 00:12:22,010 --> 00:12:25,027 ‫haya funcionado si tienes algún error, intenta 277 00:12:25,027 --> 00:12:27,890 ‫simplemente instalar los mismos paquetes que yo. 278 00:12:27,890 --> 00:12:30,452 ‫Así que todo esto aquí, y recuerde que así 279 00:12:30,452 --> 00:12:31,930 ‫es como lo hace. 280 00:12:31,930 --> 00:12:34,710 ‫Entonces, por ejemplo, si desea 281 00:12:34,710 --> 00:12:39,710 ‫eslint cinco, simplemente diga npm I eslint a las cinco. 282 00:12:40,060 --> 00:12:43,640 ‫Por ejemplo, incluso puede ir a cinco puntos 16 puntos 0 283 00:12:43,640 --> 00:12:46,370 ‫solo para asegurarse de que todo sea igual. 284 00:12:46,370 --> 00:12:48,960 ‫Y en ese caso, todo debería funcionar como 285 00:12:48,960 --> 00:12:51,050 ‫lo hizo aquí para mí. 286 00:12:51,050 --> 00:12:53,757 ‫Genial, este fue otro paso importante 287 00:12:53,757 --> 00:12:56,690 ‫en su viaje para convertirse en desarrollador. 288 00:12:56,690 --> 00:12:58,940 ‫Porque, créanme, es muy importante 289 00:12:58,940 --> 00:13:02,430 ‫tener código en su lugar como lo tiene ahora. 290 00:13:02,430 --> 00:13:04,300 ‫Entonces, nuevamente, para su próximo proyecto, 291 00:13:04,300 --> 00:13:07,030 ‫simplemente continúe, copie estas dependencias en su archivo json 292 00:13:07,030 --> 00:13:09,410 ‫de packet dot y luego instálelas todas 293 00:13:09,410 --> 00:13:10,750 ‫al mismo tiempo. 294 00:13:10,750 --> 00:13:13,330 ‫Y eso le hará la vida mucho más fácil. 295 00:13:13,330 --> 00:13:15,070 ‫Así es como siempre lo 296 00:13:15,070 --> 00:13:17,820 ‫hago, y lo mismo, por supuesto, con el rc 297 00:13:17,820 --> 00:13:20,170 ‫más bonito y este archivo de configuración eslint. 298 00:13:20,170 --> 00:13:23,130 ‫De todos modos, basta de hablar para este video. 299 00:13:23,130 --> 00:13:25,690 ‫Ahora finalmente estamos listos para pasar a 300 00:13:25,690 --> 00:13:28,163 ‫la sección muy importante de mongodb.