Instalando o Flutter no Windows

Toshi Ossada
4 min readOct 5, 2020

--

Fala Devs, blz?

hoje iremos fazer um mini tutorial mais básico voltado a quem esta querendo iniciar no Flutter, irei mostrar como é simples configurar seu ambiente de desenvolvimento de Flutter no Windows.

O primeiro passo é entrar em https://flutter.dev/docs/get-started/install/windows e fazer download do Flutter.

Se você é um Dev que já esta acostumado com o Git, tem a opção de fazer o git clone do Flutter também.

Após o download iremos extrair o Flutter em uma pasta de sua escolha (recomendo o C:\src)

Agora seguindo os passos da documentação precisamos configurar a variavel de ambiente PATH

Para isso vá a barra de pesquisa do windows e digite “env” e selecione a opção Editar as variáveis de ambiente do sistema

E edite a variável Path adicionando o diretório bin do flutter , se colocou em C:\src vai ficar C:\src\flutter\bin

Após configurar o PATH já é possível executar o comando flutter em seu prompt de comando, abra seu terminal de preferencia e digite flutter doctor e terá o seguinte resultado.

O comando flutter doctor nos auxiliara na instalação do flutter, podemos notar que há varias pendencias, precisamos resolve-las uma por uma.

A primeira coisa que faremos é instalar o android studio disponível em https://developer.android.com/studio?hl=pt-br

A instalação do android studio não tem segredo, padrão next>next>finish, após a instalação voltaremos no terminal e podemos rodar o flutter doctor novamente, note que uma das pendencias já foi solucionada.

Agora precisamos aceitar a licença do Android, para isso basta copiar o comando que ele nós da, flutter doctor — android-licenses

Aceitando os termos Agora vamos instalar os plug-ins no Android Studio referente ao flutter

Basta ir na opção de plugins e procurar por Dart e Flutter

Agora vamos configurar as Android Virtual Devices(AVD) que são os emuladores androides.

Iremos escolher um modelo já pré configurado de um dispositivo real

Nesta parte é mais demorado, teremos que fazer o download da versão do Android SDK, podemos escolher a ultima versão.

Feito isso nosso flutter doctor do ficara com a pendencia do Visual Studio CODE, teremos que instala-lo

Faça o download em https://code.visualstudio.com/

Precisamos instalar o plug-in do Flutter no VS Code, para isso abra o VS Code e vá para a opção de plug-ins e procure por Flutter e instale-o.

Pronto, todas as pendencias do flutter doctor estão solucionadas

Eu particularmente prefiro o VS Code para utilizar como IDE para desenvolvimento no Flutter, para gerar um projeto Flutter no VS Code é muito simples, basta abrir o VS Code apertar a tecla F1 e digitar flutter, as opções de criação do projeto irão aparece, basta selecionar Flutter: New Project e seguir as instruções

Para iniciar o emulador, no canto inferior direito terá uma opção “No Devices” basta clicar lá e a lista de emuladores disponíveis irá aparece, se você estiver com seu smartphone Android conectado e com as opções de desenvolvedor ativado ele também será listado.

E finalmente a estrutura básica do seu projeto será criado

Pronto, seu ambiente de desenvolvimento Flutter já esta pronto, e a partir desse ponto pode começar a desenvolver projetos. Fique ligado que por aqui sempre tem artigos bacanas referente a Flutter.

--

--

No responses yet