Olá a todos, nessa leitura abordarei o framework Flutter, ele é derivado de Dart, uma linguagem de programação, estruturada e orientada a objetos.
Basicamente para começar precisaremos ambientar, ou seja, fazer alguns passos necessários para que o flutter possa ser codificado:
Resumo em Inglês (Summary in English):
Hey, cybernauts! 🌐 Ready to dive into the world of Flutter? This article is your ultimate guide to setting up Flutter, a powerful Dart-based framework for building natively compiled apps for mobile, web, and desktop from a single codebase. Whether you're a seasoned dev or a newbie, I'll walk you through the steps to get your Flutter environment up and running. From installing the Flutter SDK to running your first app, this guide has got you covered. Let’s get your dev machine Flutter-ready! 🚀
Resumo em Português (Summary in Portuguese):
E aí, pessoal! 🌐 Prontos para mergulhar no mundo do Flutter? Este artigo é o seu guia definitivo para configurar o Flutter, um framework poderoso baseado em Dart que permite criar aplicativos nativos para mobile, web e desktop a partir de um único código. Se você é um dev experiente ou está começando, vou te guiar pelos passos para deixar sua máquina pronta para o Flutter. Desde a instalação do SDK até rodar seu primeiro app, este guia tem tudo o que você precisa. Vamos deixar sua máquina Flutter-ready! 🚀
Artigo em Inglês (Article in English):
What is Flutter?
Flutter is Google’s open-source UI toolkit built with Dart, a modern, object-oriented programming language. It’s designed to help developers build beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. Flutter is fast, flexible, and has a rich ecosystem of widgets and tools that make development a breeze.
Why Flutter?
Single Codebase: Write once, run anywhere. Flutter allows you to build apps for iOS, Android, web, and desktop with the same code.
Hot Reload: See changes instantly without restarting your app. This feature speeds up development and makes debugging a lot easier.
Rich Widget Library: Flutter comes with a comprehensive set of customizable widgets that make it easy to build complex UIs.
Performance: Flutter apps are compiled to native code, which means they run at near-native performance.
Setting Up Flutter: Step-by-Step
Install the Flutter SDK
Download: Head over to flutter.dev and download the Flutter SDK for your OS (Windows, macOS, or Linux).
Extract: Unzip the downloaded file to a location of your choice, like C:\flutter on Windows or ~/flutter on macOS/Linux.
Add to PATH: Add the Flutter bin directory to your system’s PATH so you can run Flutter commands from anywhere.
Windows: Add C:\flutter\bin to your Path environment variable.
macOS/Linux: Add the following to your ~/.bashrc, ~/.zshrc, or ~/.bash_profile:
export PATH="$PATH:pwd/flutter/bin"
Then, run source ~/.bashrc to apply the changes.
Install Android Studio
Download: Grab Android Studio from developer.android.com/studio.
Install: Follow the installation instructions for your OS.
Configure SDK: Open Android Studio, go to Configure > SDK Manager, and install the latest Android SDK and command-line tools.
Set Up Emulator: Go to Configure > AVD Manager and create a new Android Virtual Device (AVD) to emulate an Android device.
Install Xcode (macOS Only)
Download: If you’re developing for iOS, install Xcode from the App Store.
Configure: Open Xcode, accept the license agreement, and install the command-line tools by running:
xcode-select --install
Set Up Simulator: Use Xcode to configure and run iOS simulators.
Install Visual Studio Code (Optional but Recommended)
Download: Get Visual Studio Code from code.visualstudio.com.
Install: Follow the installation instructions for your OS.
Install Flutter Extension: Open VS Code, go to the Extensions tab, search for "Flutter," and install the official Flutter extension. The Dart extension will be installed automatically.
Verify Your Setup
Run flutter doctor: Open your terminal or command prompt and run:
flutter doctor
This command checks your setup and highlights any issues, like missing SDKs or unaccepted licenses.
Fix Issues: Follow the instructions provided by flutter doctor to resolve any problems.
Create and Run Your First Flutter Project
Create a Project: Run the following command to create a new Flutter project:
flutter create my_app
Run the Project: Navigate to your project directory and run the app on an emulator or physical device:
cd my_app
flutter run
Keep Learning and Building
Now that your environment is set up, you’re ready to start building amazing apps with Flutter. Explore the Flutter documentation, experiment with widgets, and join the vibrant Flutter community. The sky’s the limit! 🚀
Artigo em Português (Article in Portuguese):
O que é Flutter?
Flutter é o toolkit de UI open-source do Google, construído com Dart, uma linguagem de programação moderna e orientada a objetos. Ele foi projetado para ajudar desenvolvedores a criar aplicativos bonitos e nativamente compilados para mobile, web e desktop a partir de um único código. Flutter é rápido, flexível e possui um ecossistema rico de widgets e ferramentas que facilitam o desenvolvimento.
Por que Flutter?
Código Único: Escreva uma vez, rode em qualquer lugar. Flutter permite que você crie apps para iOS, Android, web e desktop com o mesmo código.
Hot Reload: Veja as mudanças instantaneamente sem reiniciar o app. Essa funcionalidade acelera o desenvolvimento e facilita a depuração.
Biblioteca Rica de Widgets: Flutter vem com um conjunto abrangente de widgets personalizáveis que facilitam a criação de UIs complexas.
Performance: Apps Flutter são compilados para código nativo, o que significa que rodam com performance próxima ao nativo.
Configurando o Flutter: Passo a Passo
Instale o Flutter SDK
Download: Acesse flutter.dev e baixe o Flutter SDK para o seu sistema operacional (Windows, macOS ou Linux).
Extraia: Descompacte o arquivo baixado para um local de sua preferência, como C:\flutter no Windows ou ~/flutter no macOS/Linux.
Adicione ao PATH: Adicione o diretório bin do Flutter ao PATH do sistema para poder executar comandos do Flutter de qualquer lugar.
Windows: Adicione C:\flutter\bin à variável de ambiente Path.
macOS/Linux: Adicione o seguinte ao seu ~/.bashrc, ~/.zshrc, ou ~/.bash_profile:
export PATH="$PATH:pwd/flutter/bin"
Depois, execute source ~/.bashrc para aplicar as mudanças.
Instale o Android Studio
Download: Baixe o Android Studio em developer.android.com/studio.
Instale: Siga as instruções de instalação para o seu sistema operacional.
Configure o SDK: Abra o Android Studio, vá em Configure > SDK Manager e instale o Android SDK mais recente e as ferramentas de linha de comando.
Configure o Emulador: Vá em Configure > AVD Manager e crie um novo Dispositivo Virtual Android (AVD) para emular um dispositivo Android.
Instale o Xcode (apenas para macOS)
Download: Se você estiver desenvolvendo para iOS, instale o Xcode pela App Store.
Configure: Abra o Xcode, aceite os termos de licença e instale as ferramentas de linha de comando executando:
xcode-select --install
Configure o Simulador: Use o Xcode para configurar e rodar simuladores iOS.
Instale o Visual Studio Code (Opcional, mas Recomendado)
Download: Baixe o Visual Studio Code em code.visualstudio.com.
Instale: Siga as instruções de instalação para o seu sistema operacional.
Instale a Extensão do Flutter: Abra o VS Code, vá na aba de extensões, procure por "Flutter" e instale a extensão oficial do Flutter. A extensão do Dart será instalada automaticamente.
Verifique sua Configuração
Execute flutter doctor: Abra o terminal ou prompt de comando e execute:
flutter doctor
Esse comando verifica sua configuração e aponta problemas, como SDKs faltando ou licenças não aceitas.
Resolva Problemas: Siga as instruções fornecidas pelo flutter doctor para resolver quaisquer problemas.
Crie e Execute seu Primeiro Projeto Flutter
Crie um Projeto: Execute o seguinte comando para criar um novo projeto Flutter:
flutter create meu_app
Execute o Projeto: Navegue até o diretório do projeto e execute o app em um emulador ou dispositivo físico:
cd meu_app
flutter run
Continue Aprendendo e Construindo
Agora que seu ambiente está configurado, você está pronto para começar a criar apps incríveis com Flutter. Explore a documentação do Flutter, experimente widgets e junte-se à vibrante comunidade Flutter. O céu é o limite! 🚀
Espero que este guia tenha sido útil e que você esteja animado para começar sua jornada com Flutter. Happy coding! 🚀
Top comments (0)