Shulou(Shulou.com)06/03 Report--

Windows to achieve Flutter environment building and how to configure, I believe that many inexperienced people do not know what to do, so this paper summarizes the causes of the problem and solutions, through this article I hope you can solve this problem.

Recently, I officially joined Flutter. First of all, I started from the environment building. I read a lot of information about Windows environment building on the Internet, which is basically written according to official documents. After reading it, I might as well go to the official documents directly. Generally speaking, there are only four things needed. If you find them all and configure them, you will OK.

(1) Flutter SDK (it is recommended to download the official website, which can be used directly after downloading)

(2) download the Dart plug-in

(3) download the Flutter plug-in

(4) prepare ide (Androidstudio or IntelliJ IDEA) to configure the SDK of flutter

Description

The plug-ins downloaded by IntelliJ IDEA through plugins are placed in the plugins file in the installation directory, which you can see for yourself. Androidstudio plugins downloaded through plugins are placed in the default location, which is not quite the same as IntelliJ IDEA. My local default path is in C:\ Users\ .Android Studio 3.1\ config\ plugins. If you already have Dart and flutter plug-ins, you can extract them and copy them directly to this directory.

The detailed installation process is as follows:

1. Install Flutter SDK

First of all, download the flutter_windows_v0.4.4-beta.zip package in the official document (as shown in the red box below), extract it to your specified location, and extract the folder name as flutter, which is Flutter SDK (needed later when you configure it in ide). At the same time, add the bin in this folder to the environment variable.

two。 Install the Dart and Flutter plug-ins

(1) Flutter needs the support of the following two plug-ins:

Flutter plug-ins are used to support Flutter developers' processes (running, debugging, hot loading, etc.) Dart plug-ins provide code analysis (code legitimacy checking, code completion, etc.)

(2) then download the Dart plug-in in Androidstudio or IntelliJ IDEA. If you can't, that's why you don't have scientific access to the Internet. You can also download it through the link below. If you downloaded it yourself through the link below, extract the downloaded zip package and copy the entire folder to the plugins folder of the ide you are using (the whole folder can be copied to plugins).

Dart_jb51.rar

(3) then download the flutter-intellij plug-in in Androidstudio or IntelliJ IDEA. If you can't, that's why you don't have scientific access to the Internet. You can also download it through the link below. If you downloaded it yourself through the link below, extract the downloaded zip package and copy the entire folder to the plugins folder of the ide you are using (the whole folder can be copied to plugins).

Flutter-intellij_jb51.rar

(4) Note: use your own ide installation steps as follows:

1) launch Android Studio 2) Open the plugin panel as shown in the following figure 3) Select [Browse repositories … ], check Flutter plug-in and click install 4) when prompted to install the Dart plug-in, click Yes 5) restart AS after the installation is complete

In fact, we have everything we need to prepare at this point. Let's see how to configure it.

3. Configure the Dart and Flutter plug-ins into our ide

I am using a similar IntelliJ IDEA,Androidstudio.

Open ide,Create New Project-- > Select Flutter, Next-- > name the project name (lowercase) after selecting the SDK path, and ok after selecting the project storage path.

Then after entering, you may see that the project resources have not been downloaded. Don't panic, let's configure it. The details are as follows. The first is the path to configure DartSDK (point to bin\ cache\ dart.sdk in the SDK of the previous flutter), and the second is to configure the flutter SDK path. Restart ide after the configuration is completed, and then recreate the new project. It will take a long time to wait for the completion of the flutter.

In addition, there are a few points:

(1) I am a mobile developer, so both Androidstudio and IntelliJ IDEA have been built, and the relevant environment can be found on the network.

(2) the previous tutorials in this article are described on the basis of IntelliJ IDEA, if you are using Androidstudio, you need to upgrade the version to more than 3.1. then download the Dart and Flutter plug-ins in Androidstudio's Plugins and restart, the option to create Flutter will appear in the interface to create the project, and then create the flutter project and configure the flutter-SDK path described in this article.

(3) some people may be confused about the information on the Internet, such as how did the following picture come from? in fact, there is flutter_console.bat in the flutter_windows_v0.4.4-beta.zip package we downloaded. Double-click can evoke the following interface. This is the flutter console, and we can run the flutter doctor command on the flutter console to see if there are any dependencies that are not installed.

After reading the above, have you mastered the method of Windows to build and configure the Flutter environment? If you want to learn more skills or want to know more about it, you are welcome to follow the industry information channel, thank you for reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.