Faaala Dev! Seja muito bem vindo à Next Level Week 05, trilha Flutter 🚀

Para que você possa chegar na primeira aula com o pé direito e muita mão na massa é importante ter o ambiente configurado e pronto para codar. Dito isso, bora lá configurar tudo!

Abaixo teremos configurações para as principais plataformas. Esse guia foi baseado no passo a passo para a instalação e configuração do ambiente que está disponível no site do Flutter:

Install

Instale o Flutter em uma das seguintes plataformas:

Configurando o Visual Studio Code

<aside> ⚠️ Antes de seguir com a configuração do Visual Studio Code, é importante que você tenha configurado o seu ambiente de acordo com o guia para a sua plataforma, disponível nessa seção.

</aside>

Se você ainda não possui o VS Code instalado, pode realizar a instalação através da seguinte página:

Visual Studio Code - Code Editing. Redefined

Com o VS Code instalado, vá no botão de extensões, pesquise por "flutter" e clique em instalar:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a55b113b-e713-4130-8d13-ae524a2bd62d/Untitled.png

Agora é só apertar Ctrl + Shift + P (ou ⌘ + Shift + P se você estiver no Mac) e colar Flutter: Run Flutter Doctor na caixa de diálogo e apertar Enter para executar o comando:

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e95ed9b7-ba79-463c-9d23-45dd01438819/Untitled.png

Isso vai fazer algumas checagens na configuração do seu ambiente Flutter e um relatório será mostrado. Se alguma solicitação for requisitava no próprio VS Code, basta aceitá-la. Se alguma coisa relacionada ao Chrome der erro, provavelmente é porque você não possui o Google Chrome instalado, mas não se preocupe, isso não vai te atrapalhar e caso necessário, basta instalar o browser e rodar o mesmo comando (ou você pode rodar flutter doctor diretamente no terminal para exibir o mesmo relatório).

Testando tudo

Com o VS Code configurado, podemos partir para a criação de um projeto com o template básico do Flutter apenas para assegurar que está tudo funcionando. Para isso, no VS Code: