Flutter - 配置，首次运行

2019-08-07 本文已影响0人前行的乌龟

编程里每次涉及环境配置，软件安装的虽说都要例常折腾一下，但是还真没碰到 Flutter 这么能折腾的

本文是 mac 版的，window 不涉及

安装 Flutter SDK，下载 Dart

国内访问 Flutter 受到限制，需要再 MAC path 里添加 Flutter 官方指定镜像，打开命令行输入以下命令

// 打开 path 配置文件
open -e .bash_profile

// 加入镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

// 刷新配置文件
source .bash_profile

git clone Flutter SDK

有了镜像地址就能把 Flutter SDK 搞下来了，在根目录运行

git clone -b beta https://github.com/flutter/flutter.git

速度挺快的，1分钟就 OK

3.添加 Flutter path 到 MAC path 配置文件中

下面这是官方指定参考，大家按照这个来，不光 Flutter 的 path，其他的大家也可以参考

  export PATH=/Users/用户名/Documents/flutter/flutter/bin:$PATH
  export ANDROID_HOME="/Users/用户名/Documents/android_sdk" //android sdk目录，替换为你自己的即可
  export PATH=${PATH}:${ANDROID_HOME}/tools
  export PATH=${PATH}:${ANDROID_HOME}/platform-tools
  export PUB_HOSTED_URL=https://pub.flutter-io.cn
  export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

检测 Futter 运行环境

执行这个命令

 Flutter doctor

首先会下载 Dart 下来，然后会检测 Flutter 需要的配置，√的选项说明没问题，!说明有问题需要解决

AS 最低 3.0
android toolchain 这里大家一般都有问题，解决办法是根据提示，运行

flutter doctor --android-licenses

然后一路 yes，就可以了

AS 安装插件

你以为这就完事了嘛，没呢，AS 还需要 Flutter 和 Dart 插件呢，这里我不多说了，安装插件大家都会，看好名字别安装错了，安装完重新 AS

第一个坑

Flutter 创建出的项目 local.properties 里的 android SDK 路径是瞎写的，需要改成自己的 SDK 路径

第二个坑

上面大家做好了，Flutter 环境算是搞完了，但是别高兴，还没完呢，后面还有坑等着呢...

大家会发现在创建第一个 Flutter 项目时，会一直卡在 Create Flutter Project 这里，这是必现的问题，解决办法非常蛋疼

先创建 Flutter plugin 项目，然后等着创建完毕
再来 Flutter Application 项目就 OK 了

第一次创建 Flutter 项目很耗时，看着就跟假死一样，一班5分钟过去还是不行的话强退重来。另外 Flutter 项目名第一个字幕不能大写

不要质疑这个解决办法，经测试只有这一个方法靠谱...

说实话，我想不明白啊，为啥 Goolg 要搞得这么复杂，痛痛快快的不好嘛，Goolge 出的 IDE 上手都蛋疼

第三个坑

很多人链接不上 google() 这个远程库，然后很大几率编译错误，会提示这个错，或者有的朋友编译时一直卡在 Initializing gradle 这里

buildscript {
    repositories {
        google()
        jcenter()

    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.2.1'
    }
}

处理起来有几种方法，不一定都适用每个人

有的朋友挂 VPN 都不 OK 的话，就换手机热点试试，热点不 OK 就再热点里挂 VPN，有不少哦鞥有就能连上了
还不 OK 的话，就只有使用代理了

android 项目 gradle 文件添加下面阿里的代理

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.2.1'
    }
}

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' }
    }
}

修改 Flutter SDK 里的 gradle 配置，路径：flutter⁩ ▸ ⁨packages⁩ ▸ ⁨flutter_tools⁩ ▸ ⁨gradle

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.2.1'
    }
}

第四个坑 - 缺少 SDK 证书

flutte 需要 android SDK 授权，要不会报下面这个错

License for package Android SDK Build-Tools 28.0.3 not accepted

问题解决起来不难，android SDK 提供了授权工具，我们运行以下就行，工具地址在：

-> Android sdk 路径/tools/bin 里的 sdkmanager.bat 文件

运行以下就 OK了

最后

好了经过上面的一顿折腾，Flutter 总算是能跑起来了，真尼玛费劲啊，Google 这是要干啥...