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

  1. Flutter SDK
  2. Dart
  3. Android Studio
  4. Android Studio Flutter plugin
  5. Android virtual machine
  6. 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 ~

  1. Unzip the downloaded package into your own directory
  2. Find it in the root directoryflutter_console.batOpen it up and type influtter --versionYou can see the version information that the package we downloaded is ok
  3. Then configure the system’s environment variables. At this point, Flutter is installed
  4. Input againflutter 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 inputflutter create my_flutter_appCreate a project
  • Vs Code opens the project
  • Input againflutter 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