Introdução à CLI do Vue

  • 2 minutos

A CLI do Vue fornece um conjunto de ferramentas para desenvolvimento, incluindo o scaffolding do projeto, um servidor de desenvolvimento e protótipos rápidos. Ela ajuda a criar rapidamente um aplicativo inicial para que você possa se concentrar na codificação, e não na configuração de bibliotecas e outras definições.

Inicialização

O principal uso da CLI do Vue é para inicialização de um aplicativo. O script create fornece um assistente no qual você pode selecionar entre algumas das configurações mais comuns, incluindo:

  • Opções de lint: verifique se todo o código parece consistente. Essas opções também podem ajudar a revelar erros.
  • Tipo de aplicativo: escolha se deseja adicionar suporte para Aplicativos Web Progressivos.
  • Suporte para o Babel: a função do Babel é converter a sintaxe JavaScript mais recente em formas mais antigas de JavaScript caso seu aplicativo precise ser usado em navegadores mais antigos.
  • Linguagem: escolha JavaScript ou TypeScript. Ambos funcionam bem, embora o TypeScript forneça tipos, entre outros recursos, e possa ser uma boa opção conforme o aplicativo cresce. O próprio Vue é criado em TypeScript.

Processo de compilação

A CLI do Vue foi criada para trabalhar com componentes do Vue de arquivo único ou arquivos .vue. Um agrupador de módulo (ou agrupador) gerencia o processo de conversão da sintaxe especializada em arquivos .vue no JavaScript, HTML e CSS apropriados para que os navegadores possam ler os arquivos.

A CLI do Vue usa o webpack como agrupador padrão. A configuração padrão do webpack funciona para a maioria dos cenários. Usando a CLI do Vue, você pode ignorar as etapas necessárias para configurar um agrupador e, em vez disso, usar a configuração fornecida.

Servidor de desenvolvimento

O desenvolvimento de qualquer tipo de aplicativo envolve tentativa e erro. Você fará algumas alterações, carregará a página no navegador, a testará e fará mais algumas alterações. Em seguida, você repetirá esse processo até que tudo se comporte conforme esperado.

Você deseja minimizar o número de etapas envolvidas nesse processo. Para simplificar o desenvolvimento, a CLI do Vue inclui um servidor de desenvolvimento. Cada vez que você salvar um arquivo, o servidor de desenvolvimento detectará as alterações do arquivo, recompilará (ou reagrupará) o projeto e permitirá que você teste a página no navegador.