注意的地方

  • 配置国内镜像
    加快编译速度;
    https://blog.csdn.net/qwe1314225/article/details/88072689

  • 配置Gradle工具和环境变量
    最好把需要的Gradle下载到本地,通过本地的Gradle去加载,加快编译速度

  • 配置JDK和SDK环境,
    安装SDK时需要同意android license(安卓协议);

  • 加快Flutter打开速度:
    Android Studio 安装目录下的bin目录,找到idea.properties文件,
    在文件最后追加disable.android.first.run=true,然后保存;

  • 配置CPU支持,解决机型兼容性问题:
    根目录/android/app/build.gragle,
    在android节点里面添加:

splits{
    abi {include 'x86','armeabi-v7a'}
}

安装步骤

  • 注意安装Flutter之前要提前配好git环境,
    安装git,并为git配置好系统环境变量:

    frc 126ec0594de6f5257d47d41c7d43d6c2 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行
  • GitHub,Flutter
    https://github.com/flutter/flutter

    点击Install Flutter:

    frc ee1a2a97f7d396efb099a2ae1de04120 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行


    点击Windows下载安装包:

    frc ec98c35da66e6ed3054aeb8e5cffdd27 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行
    frc 2462c8fc0ad59e112993b2d0c2bb3920 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

    或者直接找个地方用git下载(推荐):
    git clone https://github.com/flutter/flutter.git

    frc aac52570491bb17a7886651e20c4f337 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

    下载完毕:

    frc 9a88de160afb59a59f10eff8dcdd7b40 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行
    frc 45d080d385f56bd5c1cb7bb62557f88a - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

    配置好系统环境变量:

    frc a0fb08ab11b5036ef6e6efb20ba1ea8f - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

    配置国内镜像!!!!!!加快下载数度;
    参考文章二;
    祭出cmd就开始测试环境:

    frc 4f1083289a4df285e75c0c05a85495ac - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

    搞定(这个地方卡了很久。。。):

    frc b43d56f19d1318ecdd23d3ea3a0f6460 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行
    frc d28b3c33232cfa96b333540bc1302c51 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

    其实之前在旧电脑那边配过一次Flutter环境了;

    运行flutter doctor,会检测下载更新更新flutter环境!!!
    【这个地方又卡了半天。。。。】

    frc ad6a7e1dd0a6e76c523b0434f5a74951 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

    运行flutter doctor -v可以看相关的环境版本:
    【下载更新更新flutter环境后,可以做最终检测】

    frc abb5c60b476413de8ba45eb5cd9260fd - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

    记得处理一下android-license

    frc 5975d207c25b2cc5cc8ee6dfa9fefef8 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行
    frc d1fc950c8adea381bcfb88c4037af829 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

    PS:AS相关环境(建议比较新的几个SDK和源码都下载一下):

    frc 19ccdecfc21f8f503db22ee0180d84ed - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

    PS:在AppData目录下,可以看到下载的东西:

    frc 1721ee97cfd65240070cd063d48740ac - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

Hello World

frc d35f63f23f4434e98a85b8b2b689cf6e - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

frc 5e7cfef93f0514a7ed1bf06445a5e300 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行


最后的Finish这一步等待时间会比较长!

frc 3618ce86efe4c9d9823d93e9fab3eed2 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

推荐“暴力破解”,这招非常实用,屡试不爽,
你可能配置好了各种系统环境变量了,
可是创建项目的时候还是在Creating Flutter Project这里卡半天,
不要怀疑自己的网速,不要怀疑环境变量的问题!
用一下下面这个办法,分分钟可以打开项目……

frc 35d63f1667c415d1c17a00967484efa9 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

好了,打开示例项目了:

frc a7c21811a2478e9deabd596ce3498ecf - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

可以跑一下,效果如下,这里是在真机跑的:

frc 026379668646d04834e267b6aa2f8aa9 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

PS:可以看到Flutter的项目目录结构,对应文件夹与原生项目架构基本一样:

frc 8ed891cd41f9a412c41169150a1a3a7f - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行
frc 64546bc22a42c51f93e26e130ccc9a14 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行
frc 8c376c7777801f0e6506c3488edc2a42 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

可能遇到的问题

  • flutter upgrade或者flutter doctor( -v)出现的红色错误提示
    如:BitsTransformer或者CategoryInfo之类的关键字。
    可能是网络原因,
    因为这个命令执行的时候,flutter需要去pub下载相应的包。

flutter常用的命令行

frc d035363fd51181488a67b372f8d38f04 - Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行

参考自CSDN的Flutter入门课程

Flutter | 环境搭建、检测,Hello World项目,Flutter常用命令行