1 00:00:03,660 --> 00:00:07,550 Como primer enfoque para automatizar nuestras tareas, 2 00:00:07,550 --> 00:00:12,515 veamos el ejemplo del uso de scripts NPM. 3 00:00:12,515 --> 00:00:22,015 De hecho, ya habíamos comenzado a usar scripts de NPM en este curso en las lecciones anteriores. 4 00:00:22,015 --> 00:00:29,220 Revisemos rápidamente nuestro archivo package.json para ver cómo hemos utilizado un par de 5 00:00:29,220 --> 00:00:36,755 scripts NPM en nuestro archivo package.json para automatizar un par de tareas. 6 00:00:36,755 --> 00:00:40,310 Echando un vistazo a nuestro archivo package.json, 7 00:00:40,310 --> 00:00:42,960 verá que en el archivo package.json, 8 00:00:42,960 --> 00:00:47,650 teníamos este objeto JSON llamado scripts. 9 00:00:47,650 --> 00:00:55,065 Dentro de los scripts, teníamos esta propiedad llamada start que definimos aquí que 10 00:00:55,065 --> 00:01:03,945 especificamos como NPM run lite y también especificamos este lite como lite-server. 11 00:01:03,945 --> 00:01:07,825 Entonces, entonces inicia su desarrollo web. 12 00:01:07,825 --> 00:01:15,240 También iniciamos nuestro servidor lite-escribiendo en el inicio de NPM en el símbolo del sistema. 13 00:01:15,240 --> 00:01:19,860 Ahora, lo que esto nos permitió es iniciar el lite-server en 14 00:01:19,860 --> 00:01:25,715 nuestro directorio de proyectos y empezar a guardar los archivos del directorio, 15 00:01:25,715 --> 00:01:28,410 para que podamos verlo en un navegador. 16 00:01:28,410 --> 00:01:33,800 Encontramos que este es un enfoque útil para poder ver en vivo 17 00:01:33,800 --> 00:01:43,305 los cambios que hacemos en nuestros archivos reflejados inmediatamente en el navegador. 18 00:01:43,305 --> 00:01:51,195 Ahora, en otras tareas que configuramos y usamos en la lección anterior fue SCSS, 19 00:01:51,195 --> 00:01:58,520 que se utiliza para transformar el código SCSS en el código CSS correspondiente. 20 00:01:58,520 --> 00:02:08,235 Por lo tanto, escribimos esta cita unquote script NPM llamado como SCSS que ejecutó el nodo sass 21 00:02:08,235 --> 00:02:13,035 buscando los archivos 22 00:02:13,035 --> 00:02:19,050 SCSS en la carpeta CSS y luego transformándolos en el código CSS correspondiente. 23 00:02:19,050 --> 00:02:20,760 Y para ejecutar esto, 24 00:02:20,760 --> 00:02:25,920 escribimos NPM ejecutar SCSS en el símbolo del sistema. 25 00:02:25,920 --> 00:02:30,710 Por lo tanto, ya hemos visto que hemos utilizado un par de 26 00:02:30,710 --> 00:02:39,120 scripts de NPM para automatizar algunas tareas durante nuestro desarrollo web. 27 00:02:39,120 --> 00:02:43,360 Por lo tanto, para resumir, los scripts NPM son soportados a través de 28 00:02:43,360 --> 00:02:49,930 esta propiedad scripts en el archivo package.json como hemos visto en el ejemplo anterior. 29 00:02:49,930 --> 00:02:52,370 Hay varios scripts que son compatibles. 30 00:02:52,370 --> 00:02:57,270 Uno en particular que es de interés para nosotros es el script de inicio, 31 00:02:57,270 --> 00:03:00,790 por lo que puede agregar el tipo de mensaje inicio NPM, 32 00:03:00,790 --> 00:03:06,320 y luego se iniciará el script correspondiente al que se refiere el inicio. 33 00:03:06,320 --> 00:03:10,275 Ahora, podemos definir scripts arbitrarios en 34 00:03:10,275 --> 00:03:16,710 la propiedad de scripts y luego ejecutarlos diciendo NPM ejecutar y el nombre de la secuencia de comandos, 35 00:03:16,710 --> 00:03:22,165 como vio el uso de NPM ejecutar SCSS o NPM ejecutar lite y así sucesivamente. 36 00:03:22,165 --> 00:03:28,790 Vamos a aprovechar esto para poder desarrollar algunos scripts adicionales que 37 00:03:28,790 --> 00:03:35,935 automatizarán muchas de las tareas de las que hablamos en la conferencia anterior. 38 00:03:35,935 --> 00:03:40,890 Por lo tanto, para ayudarnos a entender cómo podemos aprovechar los scripts de NPM para 39 00:03:40,890 --> 00:03:45,730 automatizar muchas de nuestras tareas de desarrollo web, 40 00:03:45,730 --> 00:03:50,630 aprenderemos cómo configurar los scripts NPM en el archivo package.json, 41 00:03:50,630 --> 00:03:53,000 y luego ejecutar los scripts, 42 00:03:53,000 --> 00:03:56,850 a veces automáticamente o a veces manualmente invocar 43 00:03:56,850 --> 00:04:02,670 los scripts con el fin de para hacer la construcción y despliegue de nuestro sitio web.