As a qualified developer, we should actively embrace new things, of course, this idea is not limited to technology, come on!
Learn about Flutter
Flutter is Google’s mobile UI framework for quickly building high-quality native user interfaces on iOS and Android. Flutter can work with existing code. Flutter is being used by more and more developers and organizations around the world, and Flutter is completely free and open source. To learn more
What language is Flutter developed in?
Dart is adopted as the development framework and the language for widgets. The underlying graphics framework and the Dart virtual machine are implemented in C /C++. More questions, more thinking!
Next ~ install Flutter, get it!!
Make an installation list
- Flutter SDK
- Dart
- Android Studio
- Android Studio Flutter plugin
- Android virtual machine
- Vscode Flutter plug-in
Dart installation is configured for the Flutter SDK installation
How about this step! In fact ~
Dart installer: www.gekorm.com/dart-window… Dev /docs/develo…
The Dart to install ~
- Just follow the installation guide. If there’s a network error, you’ll need that
Flutter install ~
- Unzip the downloaded package into your own directory
- Find it in the root directory
flutter_console.batOpen it up and type influtter --versionYou can see the version information that the package we downloaded is ok - Then configure the system’s environment variables. At this point, Flutter is installed
- Input again
flutter doctorCheck, what else is wrong ~
Wait, this is…
This shows that we still lack some dependence ~
Enter flutter doctor — Android-licenses yes this is to install some certificates…
Next we need to install Android Studio and the virtual machine
Android Studio installs and configures the Flutter environment
Android Studio download address: developer. The Android. Google. Cn/Studio /
Android Studio follows the installation instructions step by step
Install the Flutter plug-in
Restart the IDE once the installation is complete
Come here and we can create our Flutter project
Create a Flutter project according to the prompt. It is not running yet. It will tell us that we have no virtual machine and need to install our virtual machine to debug our Flutter project
Input againflutter doctorCheck the Flutter
No virtual machine devices were detected, and we can see that Android Studio installed successfully
Installing a VM
I chose the Pixel 2 and followed the instructions to download whatever was missing, which took a long time. Please be patient
Make a note of the name of the virtual machine.
If you are also experiencing this problem, then your CUP should be Enabled to support virtualization. The solution is to go to the BIOS of your computer’s motherboard and find the Intel Virtual Technology option set to Enabled
Turn this on to start a virtual machine
Say goodbye to starting virtual machines with Android Studio
Create a system script to quickly start the virtual machine to say goodbye to Android Studio and let vscode C bits out ~
Create a new.bat file such as emulator.bat and write the following
Tips: It is possible that your emulator.exe path is different
C:\Users\ce\AppData\Local\Android\Sdk\emulator\emulator.exe -netdelay none -netspeed full -avd Pixel2API28
Copy the code-avd Pixel2API28 This is the name of your virtual machine
Save, no accident double click it can open the virtual machine;
We’re 90 percent of the way to success
Configure vscode to support the Flutter development environment
Install the Flutter plug-in
- Start a VM.
- Open the command line tool for input
flutter create my_flutter_appCreate a project - Vs Code opens the project
- Input again
flutter run
At this point, the configuration is complete successfully
Dear colleagues, this step is only the first step in the long march, and there is still a long way to go. It is still a little difficult to build the environment of Flutter now, I believe there will be a better way in the future, wait and see.
If you have any questions please visit [email protected]
coding is intersting, this man is Roman Reigns
