Flutter入门以及环境安装

系统基本要求

1. 操作系统:必须windows7以上64位操作系统
2. 磁盘空间：400M
3. Git环境
4. JAVA环境

安装

Flutter（Flutter SDK）下载以及安装

1. 版本选择
   下载地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=windows#windows
   四种选择，我下载的是Stable channel ，标准。
   2.下载后解压至任意文件夹，最好不带中文和空格。
   3.解压后复制地址一直到bin目录也就是：E:\flutter_windows_v1.2.1\flutter\bin（类似这样）
   4.将复制的路径粘贴至系统环境变量
   
   5.运行cmd,输入命令查看是否配置成功

flutter -h

这样就说明环境变量配置成功。如果出现莫名其妙的报错信息，如：

Failed to send crash report due to a network error: SocketException: OS Error: 信号灯超时时间已到

, errno = 121, address = clients2.google.com, port = 683

这种，则重新下载安装包。尽量别再github上clone。

运行flutter doctor命令检查

依然是打开命令窗口，输入

flutter doctor

第一次运行命令肯定会出现多个x号，需要全是√才能正常运行。

一步步排除错误

这栏里面的错误，提示需要安装Android Studio，以及SDK。
Android Studio 安装地址，进入页面点击

即可进行下载.android studio和sdk的安装可以参照这个地址:https://www.cnblogs.com/xiadewang/p/7820377.html。

安装需要注意的是，几个步骤中可能需要梯子，大家可以自行搭建或者付费购买。（）
安装好之后，进入软件点击file—>Settings—>plugins

即可进入下面界面,右侧输入栏输入flutter，进行下载，下载完成后重启。未安装进行搜索可能会显示search in repositories,然后就会显示如下图所示，只安装叫flutter的其余不安装，安装失败或者安装很慢的，使用梯子。

以上步奏完成后，继续回到命令窗口执行命令：

flutter doctor --android-licenses

所有只要显示这个的，一律输入 y + 回车；
最后再运行

flutter doctor

一般电脑如果未安装IntelliJ IDEA的，基本运行了flutter doctor后基本出现如下图所示

如果安装了IntelliJ IDEA，可能还会有一个x，错误提示可能包含IntelliJ IDEA和flutter plugins和什么Dart plugins，如下图选中的文字

就需要打开IntelliJ IDEA，选择File —> Settiungs

选择plugins,在下图红色框框中输入flutter,点击install,这个完成后，再输入Dart,再点击install进行下载。都下载完成后点击按钮进行重启。

以上步骤完成后。依然是命令窗口输入 flutter doctor,这时候基本就只剩最后一个感叹号，

这个了。因为没有连接虚拟机或者usb设备。
打开Android Studio，选择第二个。第一次打开速度可能会有些慢

打开第二个窗口后，选择第一个选项Flutter Application(flutter应用),选择Next。

会出现如下界面，依次是项目名称，flutter sdk(也就是上面让下载的安装目录)，项目存储地址，描述。点击Next

项目打包路径。直接Finish.

项目构建好之后，点击tool----> AVD Manager
出现如下界面，第一次基本是空白，点击左下角Create Virtual Device…

出现下图，让选择虚拟机类型，随便，选完Next

出现的这个界面是让选择操作系统，也就是红色框框选中的，选择最新点击Next,然后就会开始安装。

安装好之后就会出现下图，然后点击三角符号，鼠标所在位置。

会出现一个手机模拟器，然后点击debug，下图鼠标所在位置。

等待加载完成，也就是下图所示的转圈的地方。

运行debug时遇到的问题

Launching lib/main.dart on Android SDK built for x86 in debug mode...
Initializing gradle...
Resolving dependencies...
* Error running Gradle:
ProcessException: Process "/Users/rabbit/develop/android/flutter_app/android/gradlew" exited abnormally:
Project evaluation failed including an error in afterEvaluate {}. Run with --stacktrace for details of the afterEvaluate {} error.
FAILURE: Build failed with an exception.
* Where:
Build file '/Users/rabbit/develop/android/flutter_app/android/app/build.gradle' line: 25
* What went wrong:
A problem occurred evaluating project ':app'.
> Could not resolve all files for configuration 'classpath'.
   > Could not find lint-gradle-api.jar (com.android.tools.lint:lint-gradle-api:26.1.2).
     Searched in the following locations:
         https://jcenter.bintray.com/com/android/tools/lint/lint-gradle-api/26.1.2/lint-gradle-api-26.1.2.jar
* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
* Get more help at https://help.gradle.org
BUILD FAILED in 0s
  Command: /Users/rabbit/develop/android/flutter_app/android/gradlew app:properties
Finished with error: Please review your Gradle project setup in the android/ folder.

原因就是墙，解决方法也有，就是：
1.修改掉项目下的android目录下的build.gradle文件，把google() 和 jcenter()这两行去掉。改为阿里的链接。

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

全部代码：

buildscript {
    repositories {
        //  google()
        //  jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public'}
        }
        dependencies {
        classpath 'com.android.tools.build:gradle:3.1.2'
    }
}
allprojects {
    repositories {
        // google()
        // jcenter()
        maven { url 'https://maven.aliyun.com/repository/google' }
        maven { url 'https://maven.aliyun.com/repository/jcenter' }
        maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
    }
}
rootProject.buildDir = '../build'
subprojects {
    project.buildDir = "${rootProject.buildDir}/${project.name}"
}
subprojects {
    project.evaluationDependsOn(':app')
}
task clean(type: Delete) {
    delete rootProject.buildDir
}

2.修改Flutter SDK包下的flutter.gradle文件,安装目录\flutter\packages\flutter_tools\gradle
我的路径是：E:\flutter_windows_v1.2.1\flutter\packages\flutter_tools\gradle
修改如下

buildscript {
    repositories {
        //jcenter()
        // maven {
        //     url 'https://dl.google.com/dl/android/maven2'
        // }
        maven{
            url 'https://maven.aliyun.com/repository/jcenter'
        }
        maven{
            url 'http://maven.aliyun.com/nexus/content/groups/public'
        }
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.1.2'
    }
}

还有一种错误是说硬件没有启动GPU，需要下载安装一个程序。

到此就全部结束。