Create Flutter Project and run on vscode(Folder structure).

Safaetul Ahasan
2 min readJan 22, 2021

--

vscode

  1. Install Plugin(ctr+shift+x)(Flutter,Dart and Material Icon Theme).
  1. Create Project:
flutter create flutter_blog
flutter run

Successful.

Folder structure:

  • Almost all the code we need to write inside the lib folder.
  • By default Flutter doesn’t provide any file structure.
  • only the main.dart file with one stateful widget is present to run the sample counter.
-android (Auto generated source code to create android application.)
-build:
-ios (Auto generated source code to create ios application.)
-lib
--main.dart (Almost all the code we need to write Hear)

--test
--widget_test.dart (test dart code)
-gitignore (untracked files that Git should ignore.)
-metadata (auto generated by the flutter tools.)
-packages (track the flutter packages.)
-flutter_blog.yml (project file used by Android studio.)
-pubspec.lock (Auto generated by the Flutter package manager.)
-pubspec.yaml (Flutter package manager)

We need to create some folder so that the application will be scalable:

-assets
fonts(
This folder should have all the font files)
html (
HTML content which we need to add in our mobile app.)
images(
the most important folder where we store all our images.)
-lib
config
routes
themes
light_theme.dart
dark_theme.dart
-api_path.dart
api_endpoint.dart //(API endpoints)

--

--

Safaetul Ahasan
Safaetul Ahasan

No responses yet