Installing Flutter and VS Code | Create Your First Flutter App

Published: 12 July 2024
on channel: CodeCraftManisha
424
18

Hi everyone! Welcome back to My Channel. In this video, I'm going to walk you through the process of setting up Flutter and Visual Studio Code, and creating your very first Flutter application. Whether you're a beginner or looking to set up your development environment, this step-by-step guide will help you get started with Flutter development.

🔹 *Timestamps:*
00:00 Introduction
01:00 Installing Flutter SDK
03:00 Adding Flutter to System PATH (Windows)
05:00 Verifying Flutter Installation
07:00 Installing Visual Studio Code
09:00 Installing Flutter and Dart Extensions in VS Code
11:00 Creating Your First Flutter Application
13:00 Running the Flutter Application


🔹 *Resources:*
*Flutter SDK:* [flutter.dev](https://flutter.dev)
*Visual Studio Code:* [code.visualstudio.com](https://code.visualstudio.com)
*Dart Language:* [dart.dev](https://dart.dev)

🔹 *Flutter PATH Configuration:*
*Windows:*
Open Start Search, type "env", and select "Edit the system environment variables".
In the System Properties window, click on "Environment Variables".
In the Environment Variables window, select the "Path" variable in the "System variables" section and click "Edit".
Add the full path to the Flutter bin directory (e.g., `C:\src\flutter\bin`).

*macOS:*
Open your terminal and run the command `nano ~/.zshrc`.
Add the line `export PATH="$PATH:[path_to_flutter]/bin"` at the end of the file.
Save the file and run `source ~/.zshrc`.

🔹 *Command Summary:*
Create a new Flutter project: `flutter create my_first_app`
Navigate to the project directory: `cd my_first_app`
Run the Flutter application: `flutter run`
Verify the installation: `flutter doctor`

If you found this video helpful, please give it a thumbs up and subscribe to My Channel @manishadharmik233 for more tutorials. If you have any questions, leave them in the comments below. Thanks for watching,
and happy coding!

🔹 *Connect with Me:*
LinkedIn:
  / manisha-dharmik-8010591a0  


Thanks for watching, and happy coding!


On this page of the site you can watch the video online Installing Flutter and VS Code | Create Your First Flutter App with a duration of hours minute second in good quality, which was uploaded by the user CodeCraftManisha 12 July 2024, share the link with friends and acquaintances, this video has already been watched 424 times on youtube and it was liked by 18 viewers. Enjoy your viewing!