美文网首页
Flutter - 配置,首次运行

Flutter - 配置,首次运行

作者: 前行的乌龟 | 来源:发表于2019-08-07 08:12 被阅读0次

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

本文是 mac 版的,window 不涉及


安装 Flutter SDK,下载 Dart

  1. 国内访问 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
  1. 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
  1. 检测 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 的话,就只有使用代理了
  1. 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' }
    }
}
  1. 修改 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 这是要干啥...

相关文章

网友评论

      本文标题:Flutter - 配置,首次运行

      本文链接:https://www.haomeiwen.com/subject/xmlndctx.html