Olá Flutteriano! Em aulas passadas instalamos o Android Studio e os seus respectivos plugins para utilizar Flutter. Desta vez iremos fazer o mesmo para uma IDE mais leve: Visual Studio Code (VS Code). Segue o passo a passo:
1) Baixe o VS Code aqui.
2) Abra o VS Code e vá em View > Command Palette...
3) Digite 'install' e selecione 'Extensions: Install Extension'.
4) Faça uma busca por 'flutter', selecione 'Flutter' na lista e clique em 'Install'.
5) Clique em 'Reload to Activate'.
6) Vá novamente em View > Command Palette...
7) Digite 'doctor' e selecione 'Flutter: Run Flutter Doctor'.
8) Se o VS Code aparecer com a seguinte mensagem 'Could not find a Flutter SDK. Please ensure flutter is installed and in your PATH (you my need to restart)'. Vá em Locate SDK e aponte para a pasta em que você instalou o Flutter. Fizemos a instalação do Flutter em aula anterior.
9) Veja a saída (aba OUTPUT) do painel para ver o diagnóstico e entender se o Flutter está apto a funcionar.
Agora vamos criar um novo app pelo VS Code. Segue o passo a passo:
1) Abrir VS Code.
2) Vá em View > Command Palette (Ctrl + Shift + P)
3) Digite 'flutter' e selecione 'Flutter: New Project'.
4) Entre o nome do projeto (exemplo: helloapp) e dê enter.
5) Crie ou selecione um diretório para a pasta do novo projeto. Não pode ser dentro da mesma pasta do SDK do Flutter.
6) Espere a criação do projeto ser feita e o arquivo main.dart aparecer.
Caso queira rodar o app em um emulador que você tenha instalado junto com o Android Studio, aconselho que leia primeiramente essa questão no Stackoverflow: "Run AVD Emulator without Android Studio". Agora vamos rodar o projeto em um dispositivo físico:
1) Conecte seu celular (ele deve estar com a depuração via USB habilitada, ou seja, deve estar no modo desenvolvedor).
2) Vá em View > Command Palette e busque por 'Flutter: Select Device'. Selecione o dispositivo móveis que acabamos de conectar.
3) Rode a aplicação indo em Debug > Start Debug ou apenas dê um F5.
Que alegria! Agora temos uma IDE bem mais leve que o Android Studio. Até a próxima!
1) Baixe o VS Code aqui.
2) Abra o VS Code e vá em View > Command Palette...
3) Digite 'install' e selecione 'Extensions: Install Extension'.
4) Faça uma busca por 'flutter', selecione 'Flutter' na lista e clique em 'Install'.
5) Clique em 'Reload to Activate'.
6) Vá novamente em View > Command Palette...
7) Digite 'doctor' e selecione 'Flutter: Run Flutter Doctor'.
8) Se o VS Code aparecer com a seguinte mensagem 'Could not find a Flutter SDK. Please ensure flutter is installed and in your PATH (you my need to restart)'. Vá em Locate SDK e aponte para a pasta em que você instalou o Flutter. Fizemos a instalação do Flutter em aula anterior.
9) Veja a saída (aba OUTPUT) do painel para ver o diagnóstico e entender se o Flutter está apto a funcionar.
Agora vamos criar um novo app pelo VS Code. Segue o passo a passo:
1) Abrir VS Code.
2) Vá em View > Command Palette (Ctrl + Shift + P)
3) Digite 'flutter' e selecione 'Flutter: New Project'.
4) Entre o nome do projeto (exemplo: helloapp) e dê enter.
5) Crie ou selecione um diretório para a pasta do novo projeto. Não pode ser dentro da mesma pasta do SDK do Flutter.
6) Espere a criação do projeto ser feita e o arquivo main.dart aparecer.
Caso queira rodar o app em um emulador que você tenha instalado junto com o Android Studio, aconselho que leia primeiramente essa questão no Stackoverflow: "Run AVD Emulator without Android Studio". Agora vamos rodar o projeto em um dispositivo físico:
1) Conecte seu celular (ele deve estar com a depuração via USB habilitada, ou seja, deve estar no modo desenvolvedor).
2) Vá em View > Command Palette e busque por 'Flutter: Select Device'. Selecione o dispositivo móveis que acabamos de conectar.
3) Rode a aplicação indo em Debug > Start Debug ou apenas dê um F5.
Que alegria! Agora temos uma IDE bem mais leve que o Android Studio. Até a próxima!
Comentários
Postar um comentário