Instalando o Nuxt no Ubuntu 19.04 e criando o primeiro projeto.

O Nuxt é um framework web que roda em cima do Vue (pronuncia-se viu), que é outro framework web, que faz uso do Nodejs, que por sua vez usa a linguagem JavaScript.
Ele serve, inclusive, para desenvolver aplicações de página única.

Nesse artigo vou apenas narrar a minha experiência de instalação do mesmo no Ubuntu 19.04

Primeiro instalei o NPM

$ sudo apt install npm
$ npx create-nuxt-app meu_projeto

No prompt ? Project Name ele sugere meu_projeto. Aceitei. Perceba que aqui o nome tem que ser compatível com a sintaxe das URLs. Não pode haver espaço nem letras maiúsculas, por exemplo.
O próximo prompt é ? Project description. Coloquei Meu primeiro projeto.
Em seguida ele pergunta ? Author name. Inseri Daniel Hoisel.
Ele pede qual o gerenciador de pacotes. ? Choose the package manager.
Escolhi com a seta pra baixo o Npm, mesmo por que o Yarn não está instalado.
A próxima pergunta é qual a interface de usuário usar. Entre as várias disponíveis, por questão de gosto, escolhi o Bulma.
Para a questão de qual framework de servidor personalizável eu aceitei a recomendação de não escolher nenhum. ? Choose custom server framework.
Em seguida ele pergunta quais módulos usar. Com a letra a escolhi os dois disponíveis: Axios e PWA.
Para a pergunta sobre ferramentas de Linting, que é um suporte intrínseco a correção de sintaxe e estilo de escrita, com a tecla de espaço, escolhi o ESLint.
Não escolhi nenhum framework de testes, por enquanto. Eles podem ser adicionados depois.
Para o modo de renderização escolhi Aplicações de única página.
E por fim, como ferramenta de desenvolvimento, escolhi a única opção disponível, o jsconfig.json

Depois disso ele dá umas mensagens de alerta sobre a versão do NPM, mas conclui a instalação, mostrando a seguinte mensagem:

🎉 Successfully created project meu_projeto

To get started:

    cd meu_projeto
    npm run dev

To build & start for production:

    cd meu_projeto
    npm run build
    npm run start

Entrei no diretório meu_projeto. Antes de rodar aplicação em modo desenvolvimento, alterei o arquivo nuxt.config.js e inseri as seguintes linhas logo abaixo da linha export default {, para que o servidor ouça as requisições em todos os IPs, e não só no 127.0.0.1:

server: {
host: ‘0.0.0.0’, // default: localhost
},

Em seguida rodei o comando:

$ npm run dev

Por fim, abri a aplicação recém-criada no navegador
http://meu_ip:3000
obtendo a seguinte tela:

Daí pra frente só depende de sua criatividade. Bons estudos!
https://nuxtjs.org/guide

Uma resposta para “Instalando o Nuxt no Ubuntu 19.04 e criando o primeiro projeto.”

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *