1 00:00:03,660 --> 00:00:07,550 Como uma primeira abordagem para automatizar nossas tarefas, 2 00:00:07,550 --> 00:00:12,515 vejamos o exemplo de uso de scripts NPM. 3 00:00:12,515 --> 00:00:22,015 Na verdade, já tínhamos começado a usar scripts NPM neste curso nas lições anteriores. 4 00:00:22,015 --> 00:00:29,220 Vamos rever rapidamente o nosso arquivo.json package.json para ver como usamos alguns 5 00:00:29,220 --> 00:00:36,755 scripts NPM em nosso arquivo package.json para automatizar algumas tarefas. 6 00:00:36,755 --> 00:00:40,310 Olhando para nosso arquivo package.json, 7 00:00:40,310 --> 00:00:42,960 você vê que no arquivo package.json, 8 00:00:42,960 --> 00:00:47,650 tínhamos esse objeto JSON chamado scripts. 9 00:00:47,650 --> 00:00:55,065 Dentro dos scripts, tivemos essa propriedade chamada start que definimos aqui que 10 00:00:55,065 --> 00:01:03,945 especificamos como NPM executar lite e também especificamos este lite como lite-server. 11 00:01:03,945 --> 00:01:07,825 Então, você inicia seu desenvolvimento web. 12 00:01:07,825 --> 00:01:15,240 Também iniciamos nosso servidor de lite-digitando no início do NPM no prompt. 13 00:01:15,240 --> 00:01:19,860 Agora, o que isso nos permitiu é iniciar o lite-server em 14 00:01:19,860 --> 00:01:25,715 nosso diretório de projeto e começar a salvar os arquivos do diretório, para 15 00:01:25,715 --> 00:01:28,410 que possamos vê-lo em um navegador. 16 00:01:28,410 --> 00:01:33,800 Achamos que esta é uma abordagem útil para poder assistir ao vivo 17 00:01:33,800 --> 00:01:43,305 as mudanças que fazemos em nossos arquivos sendo refletidas imediatamente no navegador. 18 00:01:43,305 --> 00:01:51,195 Agora, em outras tarefas que configuramos e usamos na lição anterior foi SCSS, 19 00:01:51,195 --> 00:01:58,520 que é usado para transformar o código SCSS no código CSS correspondente. 20 00:01:58,520 --> 00:02:08,235 Então, nós escrevemos esta citação unquote script NPM chamado como SCSS que executou o nó sass 21 00:02:08,235 --> 00:02:13,035 procurando os arquivos SCSS 22 00:02:13,035 --> 00:02:19,050 na pasta CSS e, em seguida, transformá-los no código CSS correspondente. 23 00:02:19,050 --> 00:02:20,760 E para executar isso, 24 00:02:20,760 --> 00:02:25,920 digitamos NPM executar SCSS no prompt de comando. 25 00:02:25,920 --> 00:02:30,710 Então, já vimos que usamos alguns 26 00:02:30,710 --> 00:02:39,120 scripts NPM para automatizar algumas tarefas durante nosso desenvolvimento web. 27 00:02:39,120 --> 00:02:43,360 Então, para resumir, scripts NPM são suportados através 28 00:02:43,360 --> 00:02:49,930 desta propriedade scripts no arquivo package.json como vimos no exemplo anterior. 29 00:02:49,930 --> 00:02:52,370 Existem vários scripts que são suportados. 30 00:02:52,370 --> 00:02:57,270 Um em particular que é de interesse para nós é o script de início, para 31 00:02:57,270 --> 00:03:00,790 que você possa adicionar o tipo de prompt NPM start 32 00:03:00,790 --> 00:03:06,320 e, em seguida, o script correspondente referido pelo início, será iniciado. 33 00:03:06,320 --> 00:03:10,275 Agora, podemos definir scripts arbitrários 34 00:03:10,275 --> 00:03:16,710 na propriedade scripts e, em seguida, executá-los dizendo NPM executar eo nome do script, 35 00:03:16,710 --> 00:03:22,165 como você viu o uso de NPM executar SCSS ou NPM executar lite e assim por diante. 36 00:03:22,165 --> 00:03:28,790 Nós vamos aproveitar isso para ser capaz de desenvolver alguns scripts adicionais que irão 37 00:03:28,790 --> 00:03:35,935 automatizar muitas das tarefas que falamos na palestra anterior. 38 00:03:35,935 --> 00:03:40,890 Então, para nos ajudar a entender como podemos aproveitar scripts NPM para 39 00:03:40,890 --> 00:03:45,730 automatizar muitas de nossas tarefas de desenvolvimento web, 40 00:03:45,730 --> 00:03:50,630 vamos aprender como configurar os scripts NPM no arquivo package.json 41 00:03:50,630 --> 00:03:53,000 e, em seguida, executar os scripts, 42 00:03:53,000 --> 00:03:56,850 às vezes automaticamente ou às vezes manualmente invocar 43 00:03:56,850 --> 00:04:02,670 os scripts em ordem para fazer a construção e implantação do nosso site.