Passo a Passo: Configurando seu Ambiente de Desenvolvimento Mobile com Flutter (Windows)
Tags: mobile, flutter, dart, programming
Published: 2023-02-21 19:45:31

Inicialmente, é bom se atentar aos Requisitos de Sistema como um todo, especificamente para Desenvolvimento Mobile, você irá precisar de uma configuração de computador relativamente boa, tendo no mínimo 8gb de Memória RAM, e um sistema e processador que suporte tais plataformas.

Após conferir isso, vamos ao tutorial de instalação de ambiente:


## 1 - Instalando o Flutter SDK

No site oficial do [Flutter](https://docs.flutter.dev/), você irá fazer a [instalação do pacote](https://docs.flutter.dev/get-started/install/windows) do framework.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rdljd2b5e7j440io71pg.png)

Depois de baixar e seguir o passo a passo de instalação sua máquina já estará apta para rodar o Flutter sem problemas.

## 2 - Instalando o Android Studio

Para poder emular nosso app, precisamos de um Emulador Android, o mais indicado é o [Android Studio](https://developer.android.com/studio).

E a Instalação é muito simples:
- Acesse o link de [download](https://developer.android.com/studio).

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cp2fpsohkpn0rc993tx4.png)
- Aceite o Termos de uso.
- Instale e pronto!

Após fazer a instalação, é necessário algumas configurações, como por exemplo o celular a ser emulado, eu recomento fortemente o Modelo/Device **Pixel 6**, que tem um bom tamanho de tela e uma boa qualidade de imagem.

## 3 - Ambiente de desenvolvimento (IDE)

Com o Android Studio instalado, já poderíamos usá-lo para desenvolver nossa aplicação, porém, como escolha pessoal e escolha de muitos programadores já experientes, recomendo a instalação do [Visual Studio Code](https://code.visualstudio.com/).

Para fazer a Instalação do mesmo é bem simples também:
- Acesse o link de [download](https://code.visualstudio.com/docs/?dv=win).

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d9u998okikvona47vwv1.png)
- Abra o arquivo .exe baixado.
- Faça as devidas instalações e estará pronto para usar.

# Configurando o VS Code

### 1 - Baixando a Extensão do Flutter/Dart 

Ao abrir o VS Code, na coluna vertical à esquerda da tela, terá 5 botões, sendo o 5º botão onde ficam as Extensões:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j594c3ouc8d3uij6tps3.png)

Ao abrir, você irá buscar por “Flutter”, e irá baixar a primeira opção, e automaticamente também será baixado a Extensão do Dart.

### 2 - Customizando o VS Code

Para finalizar, e não sendo obrigatório, segue três Extensões que recomendo para VS Code: 

#### Tokyo Night

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/enbybhq17v8n5c28bomm.png)

Essa Extensão é um Tema Escuro para seu VS Code, pessoalmente meu favorito.

#### Flutter Color

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p993rpjztnffb9soal4b.png)

Essa Extensão é um recurso que ajuda na visualizações de cores dentro do seu código em Flutter.

#### vscode-icons

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0u4umau8u9h8dzkzexmg.png)

Pra finalizar com essa Extensão que dá esses detalhes nos icones dos arquivos dos Projetos. (Serve para qualquer linguagem/framework)

:)
Obrigado pela leitura, espero ter conseguido ajudar com a instalação e configurações, qualquer dúvida pode deixar nos comentários!