You might think you installed Flutter correctly. But, with all the changes in dart and the flutter sdks in the past year that generally is not the case.
Let, me show you a more-power installation of Flutter and Dart so that you can get the full use and power of the Flutter framework.
To get more power with the Flutter Framework there are some accessories that you should install. Let’s start with PlantUML, the UML diagram generator:
Open-source tool that uses simple textual descriptions to draw beautiful UML diagrams.
report this ad PlantUML is a component that allows to quickly write : The following non-UML diagrams are also…
You will download the jar and put in some directory and make sure to type down the path to the jar in a txt file to use later. Since the latest PlantUML jar already has a minimal graphviz executables no need to install the full version of GraphViz.
Next up is to install Perl as you can use that with a genhtml perl script to convert the test coverage lcov report to an html report so that you can actually view it in your IDE. If on MS Windows there is a free perl installer called StrawberryPerl:
Strawberry Perl for Windows
Perl is a programming language suitable for writing simple scripts as well as complex applications - see…
Make sure when you install perl to open a txt file and record what the path to the perl executable is.
Now, let’s install an IDE. If installing Android Studio IDE, note the install directory of the android SDK as that will be the ANDROID_SDK_ROOT variable that we define for environment variables. If not android studio, than install MS’s VSCode Studio.
If you are on Mac than you will want to use the XCode download to install the iOS SDK:
Xcode - Apple Developer
SwiftUI offers new features, improved performance, and the power to do even more, all while maintaining a stable API…
Now, we are at installing the flutter sdk and setting up the right environment variables and path settings.
Installing The Flutter SDK
Install the flutter sdk in a directory without spaces:
Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems.
Go ahead and open a txt file and record the inner flutter subfolder path.
The Secret Trick
When the Flutter SDk team introduced the feature to download and install the dart sdk in the flutter sdk they missed updating some directions about paths. Let me show the correct paths:
SDKROOT if on Mac onlypath-to-Perl-executable
These two path lines:
specify the place that dart sdk in the flutter sdk install places the system pub-cache downloaded packages. This also means that any dart executable, say the UML plugin dcdg, is installed by prefixing flutter on to the pub global install command.
Also, since most of us during COVID have bandwidth caps of 1.2TB by getting use to calling flutter pub commands in the command line you can use:
command flag saving your metered bandwidth.
When beginning to learn Flutter and Dart it helps to have the right setup of Perl, PlantUML, an IDE, and the flutter-dart sdk properly setup via path settings so that you the beginning developer get feedback right away from UML diagrams and test coverage reports when writing new flutter code.
Coming soon is how to automate UML generation, coverage html report generation, etc using some flutter-dart workflow tools.
Google owns the following trademarks; Dart, Flutter, Android, Roboto, Noto. Apple owns the trademarks iOS, MacOSX, Swift, and ObjectiveC. To the best of my ability I follow the brand and usage guidelines with the above mentioned trademarks.
The resource links in case you are missing something.
Apple’s XCode(to get the iOS SDK) https://developer.apple.com/xcode/
MS VSCode Studio https://code.visualstudio.com/
Android Studio(to get the android sdk)https://developer.android.com/studio
About Fred Grott
I’m the crazy SOB who as a former android mobile developer is starting to write about flutter mobile app development, design, and life. Will I reach the pivotal One Million Medium monthly viewers mark? Sit-back and watch it happen. Find me on these social platforms:
Fred Grott - Android Software Engineer - Fred Grott
Berufserfahrung, Kontaktdaten, Portfolio und weitere Infos: Erfahr mehr - oder kontaktier Fred Grott direkt bei XING.
Fred Grott - CEO-CPO-Designer - GrottUX | LinkedIn
View Fred Grott's profile on LinkedIn, the world's largest professional community. Fred has 3 jobs listed on their…
fredgrott (Fred Grott) on Keybase
What the heck is Keybase? Keybase comes with everything you need to manage your identity, create secure chats, and…