This is the 22nd day of my participation in the November Gwen Challenge. Check out the event details: The last Gwen Challenge 2021

Flutter is Google’s mobile UI framework for quickly building high-quality native user interfaces on iOS and Android. It also works with existing code. Flutter has been released for a long time, and many big gods are studying and applying Flutter. Xiaosai thinks that the big front direction is the trend, so he should also study Flutter.

The explanation of Flutter Chinese is very comprehensive, xiao CAI also wants to learn about Flutter, but the first step configuration environment stumbles Xiao CAI, which is really a shock! Xiao CAI think the official website may feel that the configuration environment is too simple, so the brief and clear explanation, but for xiao CAI this foundation is poor really have to spend time to study. So my first post is about how to install and configure the Flutter environment on Windows.

System environment

  1. Flutter suggests a Windows environment of 64-bit Windows7 and above, and a small dish of Windows10.
  2. More than 400MB of disk space is required, which Koai thinks is more than enough on today’s computers.
  3. Git has been installed on your computer.

The installation diagram

Tip: Prioritize step 5 to reduce unnecessary problems!!

  1. CMD -> **git clone github.com/flutter/flu… It takes a while, as shown here;

2. Add user Path: Control Panel -> System and Security -> System -> Advanced System Settings -> Environment VariablesFlutterPath to the\binLevel; This method is usually found in C:\User\Your Name\Flutter\bin. If not, you can search for Flutter\bin on Your disk. 3. Run the command in CMDFlutter: Flutter doctor, but unfortunately an error occurred indicating that the remote server could not be connected, as shown below:

4. Xiao CAI tries to solve this problem, so in CMD edit:

prompt PUB_HOSTED_URL=https://pub.flutter-io.cn
prompt FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
flutter doctor
Copy the code

It can be downloaded, but the Builde link failed, as shown in the picture:

Step 3 if there is a ladder, it is normal, but there is no ladder, so the first important thing is ignored, configure the domestic environment, add the user Path variable in the environment variable:PUB_HOSTED_URL -> pub.flutter-io.cnAnd * * FLUTTER_STORAGE_BASE_URL – >Storage. Flutter – IO. Cn **, it is strongly recommended to give priority to configuration, which will save a lot of unnecessary trouble.

6. Reopen CMD ->flutter upgrade, and then wait for the installation to proceed smoothly:

7. Connect PC to phone, open developer mode, open CMD ->flutter devices, check whether the device is connected, as shown in the figure:

At this point,FlutterThe installation and configuration of the environment is successful. Although the installation and configuration of the environment is the foundation of the foundation, when the “Welcome to Flutter! When, xiao CAI still have a trace can not say when proud and happy. Continue to study and research ah!

Flutter is a relatively new cross-platform method, and Xiao CAI thinks it is necessary to learn it. If possible, Xiao CAI would like to organize a small series with Demo. Xiao CAI deeply understood that it is better to watch it one hundred times than to operate it once. It may encounter all kinds of unexpected problems, which is also a challenge to myself.

Source: Little Monk A Ce